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本 书 通过 企业 项 目 开 发 案例 深入 介绍 .NET Web 企业 应 用 开发 高 级 技术 , 共 包含 4 个 综合 实践 项 
目 。 第 一 个 项 目 是 基于 百度 的 天 气 预报 查询 程序 ,讲解 数据 的 XML 与 JSON 序列 化 问题 以 及 客户 端 
与 网 站 服务 器 数据 上 传 与 下 载 的 方法 。 第 二 个 项 目 是 基于 Web 的 图 片 共享 程序 ,讲解 通过 自 定义 协议 
客户 端 与 服务 器 的 交互 问题 来 实现 数据 上 传 与 下 载 。 第 三 个 项 目 是 基于 微 信 的 成 绩 查 询 程序 ,讲解 
Web Service 程序 的 技术 方法 以 及 微 信 公 众 号 程序 的 开发 技术 。 第 四 个 项 目 是 基于 WCF 的 试题 练习 程 
序 ,讲解 WCF 服务 器 与 客户 端 程序 的 开发 技术 。 所 有 项 目的 服务 器 程序 大 都 采用 三 层 架 构 设 计 思 想 ， 
客户 端 采用 WPF 窗 体 程序 。 

本 书 的 特点 是 实践 性 强 ,由 浅 入 深 ,循序 渐进 ,每 个 项 目 都 分 解 成 若干 节 , 每 节 以 案例 展示 ,技术 要 
点 ,服务 器 程序 、 客 户 端 程序 .拓展 训练 的 结构 展开 。 

本 书 可 以 作为 高 等 院 校 的 教材 ,也 可 以 作为 相关 技术 人 员 学 习 . NET Web 程序 设计 的 参考 书 。 
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目前 国内 有 大 量 关 于 ASP. NET 网 站 设计 的 高 校 教材 ,但 是 微 
软 公 司 的 .NET Web 技术 远 远 不 限于 ASP. NET 网 页 设计 ,还 有 更 
高 级 别 的 Web Service 及 WCF 等 技术 。 在 引进 的 国外 教程 中 有 一 
些 涉 及 这 方面 的 技术 ,但 是 这 些 书籍 一 般 内 容 很 杂 , 实 践 证 明 这 些 
书籍 教学 效果 欠 佳 ,不 适合 用 作 高 校 的 教材 。 针 对 我 国 高 校 的 教学 
实际 ,作者 编写 了 这 本 由 企业 项 目 驱 动 的 教程 。 

本 教程 包含 4 个 项 目 ,第 一 个 项 目 是 基于 百度 的 天 气 预报 查询 
程序 ,讲解 数据 的 XML 与 JSON 序列 化 问题 ,同时 讲解 客户 端 与 网 
站 服务 器 数据 上 传 与 下 载 的 方法 。 第 二 个 项 目 是 基于 Web 的 图 片 
共享 程序 ,讲解 通过 自 定义 协议 客户 端 与 服务 器 的 交互 问题 来 实现 
数据 上 传 与 下 载 。 第 三 个 项 目 是 基于 微 信 的 成 绩 查询 程序 ,讲解 
Web Service 程序 的 技术 方法 ,同时 讲解 微 信 公众 号 程序 的 开发 技 
术 。 第 四 个 项 目 是 基于 WCF 的 试题 练习 程序 ,讲解 WCF 服务 器 与 
客户 端 程序 的 开发 技术 。 这 几 个 项 目的 客户 端 大 都 设计 成 WPF 的 
窗 体 程序 。 

要 学 好 一 门 编程 技术 ,不 应 该 拘泥 于 该 技术 的 规范 细节 ,而 应 
该 大 量 使 用 该 技术 来 编写 程序 ,在 实践 中 学 习 与 巩固 基本 知识 , 锻 
炼 编程 能 力 。 本 书 的 特点 是 实践 性 强 , 每 节 内 容 都 采用 案例 展示 、 
技术 要 点 、 服 务 器 程序 、 客 户 端 程序 拓展 训练 的 结构 展开 。 读 者 先 
通过 “案例 展示 ”7 了解 要 做 什么 ,通过 “技术 要 点 ”学 习 要 用 到 什么 技 
术 , 通 过 “服务 器 程序 ”与 “客户 端 程序 ”学 习 程 序 的 编写 方法 ,最 后 
通过 “拓展 训练 ”巩固 与 拓展 所 学 习 的 知识 。 

每 个 项 目 都 配 有 一 些 编程 练习 ,有 些 练习 项 目 是 比较 复杂 的 ， 
需要 读者 花费 比较 长 的 时 间 来 完成 。 

本 教程 可 以 作为 高 等 院 校 的 教材 ,建议 总 学 时 安排 在 60 学 时 
左右 ,其 中 讲授 与 上 机 实习 的 学 时 比例 为 1: 1 左右 。 
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本 书 是 作者 省 级 精品 资源 在 线 开放 课程 “DotNetWeb 编程 应 用 程序 实践 ”的 配套 教 
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基于 百度 的 天 气 预 报 程序 


设计 一 个 天 气 预报 程序 是 很 有 价值 的 ,问题 是 如 何 去 找 天 气 的 数据 。 实 际 上 目前 很 
多 网 站 都 提供 天 气 预 报 的 实时 数据 ,百度 天 气 预报 就 是 其 中 之 一 ,可 以 从 这 些 网 站 上 获 
取 任 何 一 个 城市 的 天 气 预报 数据 ,把 它 整合 到 自己 的 程序 中 。 图 1-1 就 是 一 个 WPF 
(Windows Premtation Foundation) 的 窗 体 程 序 , 启 动 后 可 以 选择 任何 一 个 省 份 的 任何 一 
个 城市 ,就 显示 出 该 城市 4 天 内 的 天 气 预报 ,数据 来 自 百度 天 气 预报 网 站 。 


天 气 预报 
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1-1 百度 天 气 预报 


这 是 一 个 典型 的 C/S(Client/Server, 客 户 /服务 器 ) 结 构 的 程序 ,客户 端 是 一 个 WPF 
的 窗 体 程 序 , 服 务 器 是 提供 天 气 预报 的 百度 网 站 。 但 百度 是 一 个 Web 网 站 ,给 出 的 天 气 
预报 数据 一 般 是 JSON 结构 的 ,客户 端 要 通过 HTTP 协议 与 这 个 网 站 进行 交互 ,其 程序 


结构 如 图 1-2 所 示 。 
HTTP 
Internet 


天 气 预报 Web 服 务 器 WPF 客 户 端 
12 百度 天 气 预报 程序 结构 


qeu essaszáxn 
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1.1.1 案例 展示 


在 D:\web 目录 下 创建 一 个 服务 器 程序 server. ashx, 并 把 该 目录 设置 为 一 个 Web 
服务 站 点 ,通过 浏览 器 访问 地 址 http; //localhost/web/server. ashx 就 可 以 看 到 输出 的 信 
AE "Hello World 我 的 服务 器 ” ,如 图 1-3 所 示 。 

再 设计 一 个 WPF 窗 体 的 客户 端 程序 ,在 客户 端 程序 的 地 址 栏 中 输入 网 址 http:// 
localhost/web/server. ashx, 单 击 “ 连 接 ” 按 钮 就 可 以 看 到 服务 器 返回 的 信息 “Hello 
World 我 的 服务 器 ”, 如 图 1-4 所 示 。 


€ > Q |D localhost/web/server.ashx Yr | 三 


Hello World 我 的 服务 器 


1-3 浏览 器 访问 服务 器 1-4 窗 体 程序 访问 服务 器 


112 技术 要 点 


客户 端 访问 服务 器 的 核心 类 是 WebClient 类 ,该 类 在 System. Net 空间 中 定义 ,该 类 
可 以 用 于 客户 端 与 Web 服务 器 端 进行 通信 , 它 有 很 多 重要 的 方法 ,其 中 一 个 方法 是 
public String DownloadString( String url) 
这 个 方法 的 作用 是 通过 GET 方法 访问 地 址 为 url 的 网 站 ,返回 该 网 站 的 信息 。 例 如 : 
WebClient client=new WebClient(); 


client.Encoding=Encoding.UTF8; 


String s=client.DownloadString("http://localhost/web/server.ashx") ; 


程序 首先 创建 一 个 WebClient 对 象 client, 然 后 设置 它 的 编码 为 因特网 默认 的 UTF8 
编码 ,最 后 调用 DownloadString 方法 访问 网 站 ,并 返回 网 站 的 信息 。 


1.1.3 服务 器 程序 


1. 创建 网 页 


在 DD 盘 根 目 录 建 立 web 文件 夹 ,用 Visual Studio 打开 网 站 D:\web ,执行 “ 网 站 ”一 
“添加 新 项 ”命令 ,出现 “ 添 加 新 项 ”对 话 框 ,如 图 1-5 所 示 。 选 择 “ 一 般 处 理 程序 ”, 这 种 程 
序 的 扩展 名 是 ashx, 在 “名 称 ” 中 输入 server. ashx 后 单 击 “ 添 加 ”按钮 ,在 网 站 中 就 增加 了 


项 e 基于 百度 的 天 气 预 报 程序 3 


一 个 程序 server. ashx。 


搜索 已 安装 模板 (Ctrl+ 日 


Visual Basic Visual C# ^ 类 型 。 Visual C# 


用 于 实现 一 般 处 理 程序 的 页 
b 联机 Visual C# 


Visual C# 
Visual Cs 


Visual Cs 


Visual C# 


server.ashx 


1-5 添加 新 项 对 话 框 


server. ashx 程序 的 代码 如 下 : 


<%@WebHandler Language="C# " Class-"server" %> 
using System; 
using System.Web; 
public class server : IHttpHandler 
{ 
public void ProcessRequest (HttpContext context) 
{ 
context .Response.ContentType="text/plain"; 
context .Response.Write ("Hello World 我 的 服务 器 ") ; 
} 
public bool IsReusable { 
get { 


return false; 


} 


其 中 ProcessRequest 是 主 程序 人 口 ,context 对 象 是 上 下 文 对 象 ,该 对 象 包 含 了 在 网 页 设 
计 中 常见 的 Request, Response 等 对 象 ,通过 语句 


context .Response.ContentType="text/plain"; 


Qrrusesanaean 


设置 要 输出 的 文本 的 类 型 是 纯 文 本 ,通过 语句 
context .Response.Write ("Hello World 我 的 服务 器 ") ; 


输出 “Hello World 我 的 服务 器 ”。 
2. 创建 网 站 


上 面 建 立 的 服务 器 程序 server. ashx 可 以 通过 Visual Studio 直接 运行 ,但 是 程序 调 
试 好 后 要 放 在 一 个 网 站 下 独立 运行 ,这 需要 把 D:\web 目录 设置 为 网 站 ,操作 步骤 如 下 : 

CD 打开 “控制 面板 ”的 “管理 工具 ”, 选 择 “Internet Information Services (IIS) 管 理 
d SE. 

(2) 默认 有 一 个 Default Web Site 的 网 站 ,选择 该 网 站 ,并 右 击 , 弹 出 快捷 菜单 ,选择 
“添加 应 用 程序 ”命令 ,弹出 “添加 应 用 程序 ”对 话 框 ,如 图 1-6 所 示 。 在 对 话 框 中 选择 “ 物 
理 路 径 ” 为 D:\web, 别 名 可 以 设置 为 web( 也 可 以 是 其 他 名 字 ), 单 击 “ 确 定 ” 按 钮 后 关闭 
对 话 框 。 


1-6 “添加 应 用 程序 "对话 框 


(3) 这 时 可 以 看 到 在 Default Web Site 下 增加 了 一 个 名 为 web 的 项 目 , 该 项 目 就 是 
默认 网 站 下 的 一 个 站 点 ,如 图 1-7 所 示 。 

在 浏览 器 地 址 栏 中 输入 网 址 http: //localhost/web/server. ashx 就 可 以 看 到 图 1-3 
所 示 的 结果 。 在 浏览 器 中 查看 网 页 源 代 码 , 可 以 看 到 服务 器 输出 的 只 有 一 名 “Hello 
World 我 的 服务 器 "的 纯 文 本 ,没有 别 的 HTML 格式 信息 ,如 图 1-8 所 示 。 
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[*] Default Web 
Site 主页 


é> C D view-source:localhost/webvy = 
1|Hello World 我 的 服务 器 


1-8 在 浏览 器 中 查看 网 页 源 代码 


1.1.4 客户 端 程序 
1. 界面 设计 


本 项 目 把 客户 端 程序 设计 成 一 个 WPF 程序 ,在 窗 体 MainWindow 中 放 入 一 个 名 为 
txtUrl 的 TextBox 存放 地 址 .一 个 名 为 btCon 的 Button 连接 按钮 和 一 个 名 为 msg 显示 
标签 TextBlock, MainWindow. xaml 代码 如 下 : 


<Grid> 
<StackPanel Orientation="Vertical"> 
<TextBox x:Name-"txtUrl" Text-"http://localhost/web/server.ashx" /> 
«Button x:Name="btCon" Content- "iE" Width="40" Click-"btCon Click" /> 
«TextBlock x:Name- "msg" /» 
«/StackPanel» 
«/Grid» 


NSN 


2. 程序 设计 
相应 的 MainWindow. xaml. cs 程序 如 下 : 


namespace client 
{ 
public partial class MainWindow : Window 
{ 
WebClient client; 
public MainWindow() 
{ 
InitializeComponent(); 
} 
private void btCon Click(object sender, RoutedEventArgs e) 
{ 
try 
{ 
WebClient client-new WebClient(); 
client.Encoding-Encoding.UTF8; 
Uri uri-new Uri(txtUrl.Text, UriKind.Absolute); 
msg.Text-client.DownloadString (uri); 
) 


catch(Exception exp) ( msg.Text-exp.Message; } 


) 
运行 该 程序 ,就 得 到 图 1-4 所 示 的 结果 。 


1.1.5 拓展 训练 


必须 指出 的 是 ,WebClient 类 的 DownloadString 方法 在 执行 时 会 阻塞 程序 ,等 待 服 
务 器 的 响应 ,如 果 服 务 器 长 期 没有 响应 ,该 方法 就 会 一 直 等 待 下 去 ,直到 等 待 时 间 超 出 了 
最 大 的 等 待 时 间 就 抛 出 一 个 异常 。 这 种 等 待 过 程 称 为 同步 过 程 ,同步 过 程 会 阻塞 程序 ， 
在 网 络 程序 中 ,除非 能 够 确保 服务 器 响应 是 很 及 时 的 ,一 般 不 建议 采用 同步 过 程 ,而 是 采 
用 异步 过 程 。 

WebClient 提供 了 异步 访问 方法 DownloadStringAsync, 声 明 如 下 : 

public void DownloadStringAsync( String url) 

该 方法 与 同步 方法 DownloadString 最 大 的 不 同 就 在 于 它 不 返回 任何 信息 ,在 执行 后 
不 用 等 待 服务 器 响应 就 立即 返回 ,因此 不 会 阻塞 程序 。 该 方法 执行 时 只 是 确定 了 要 访问 
指定 的 服务 器 ,服务 器 什么 时 候 响 应 是 不 可 以 预计 的 , 它 不 负责 等 待 服务 器 的 返回 。 

但 是 一 旦 服务 器 响应 ,客户 端 又 怎么 样 得 到 服务 器 响应 的 结果 呢 ? 实际 上 在 异步 方 
法 执行 前 要 先 设置 好 一 个 回调 函数 ,服务 器 啊 应 后 就 触发 该 回调 函数 执行 ,获取 服务 器 
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响应 结果 。 回 调 函 数 的 设置 如 下 : 


void client_DownloadStringCompleted 

(object sender, DownloadStringCompletedEventArgs e) 
{ 

} 


其 中 client_DownloadStringCompleted # [nl 38] PA 2 44 PK. 2 BW e 的 类 型 是 Download- 
StringCompletedEventArgs。 在 服务 器 响应 后 就 会 触发 该 执行 该 函数 ,并 把 参数 e 传递 
给 该 函数 ,通过 e. Result 就 得 到 服务 器 响应 的 信息 。 采 用 异步 方法 的 程序 如 下 : 


private void btCon Click(object sender, RoutedEventArgs e) 
{ 
try 
{ 
WebClient client=new WebClient (); 
client .Encoding=Encoding.UTF8; 
client.DownloadStringCompleted*-client DownloadStringCompleted; 
Uri uri-new Uri (txtUrl.Text, UriKind.Absolute); 
client.DownloadStringAsync (uri); 
msg.Text=" 等 待 服务 器 响应 ..."; 
} 
catch (Exception exp) { msg.Text=exp.Message; } 
} 
void client DownloadstringCompleted(object sender, 
DownloadStringCompletedEventArgs e) 
{ 
msg.Text=e.Result; 


) 


运行 时 单 击 “ 连 接 ” 按 钮 可 以 立即 看 到 标签 上 显示 “等 待 服务 器 响应 ...”, 过 一 会 服务 
器 返回 信息 ,触发 client_DownloadStringCompleted 函数 执行 ,就 看 到 服务 器 返回 的 信息 
“Hello World 我 的 服务 器 ”。 由 此 可 见 ,执行 client. DownloadStringAsync (uri) 时 并 不 
阻塞 程序 以 等 待 服务 器 相应 ,而 是 立即 执行 msg. Text 一 “等 待 服务 器 响应 .…" 语 句 , 待 
服务 器 响应 后 就 触发 client. DownloadStringCompleted 函数 ,其 中 e. Result 为 服务 器 的 
返回 信息 。 

一 般 为 了 监测 服务 器 的 错误 ,回调 函数 可 以 写成 如 下 形式 : 


void client DownloadstringCompleted(object sender, 
DownloadStringCompletedEventArgs e) 
{ 

if (e.Eorr==null) msg.Text-e.Result; 


else showMsg (e.Error.Message); 


Qrrusesanaean 


如 果 没 有 错误 ,e. Error 就 为 null, 和 否则 e. Error AW null. fii H. e. Error. Message 为 
错误 信息 。 
1.2 XML 数据 的 网 络 传输 


1.2.1 案例 展示 


服务 器 程序 与 客户 端 程序 建立 连接 后 要 相互 传递 信息 ,双方 要 事先 约定 好 这 些 信 息 
的 格式 。XML 数据 格式 是 常用 的 一 种 数据 格式 ,如 图 1-9 所 示 , 服 务 器 返回 一 个 天 气 的 
XML 字符 串 给 客户 端 ,客户 端 解析 出 每 个 字段 的 值 。 


<?xml version="1.0"?> 
«WeatherClass xmlns:xsi-"http://www.w3.org/20€ 
<city> 深 圳 </city> 


<date>2016-09-08</date> 

<weather> 
«description» SZ &ltisA&gt;</description> | 
<highTemp>30</highTemp> 
<lowTemp>26</lowTemp> 

</weather> 

</WeatherClass> 


反 序 列 化 对 象 : 深圳 ,2016-09-08, 多 云 < 睛 天 >,26,30 


1-9 XML 序列 化 


122 技术 要 点 


数据 在 网 络 上 传递 必须 是 串 行 化 .序列 化 的 ,因此 数据 在 发 送 之 前 需要 序列 化 。 
XML 序列 化 是 一 种 常用 的 序列 化 方法 ,是 把 一 个 对 象 数据 变 成 一 个 XML 字符 串 的 过 
程 , 可 以 采用 XmlSerializer 类 对 象 完 成 这 个 过 程 。 一 个 序列 化 的 XML 字符 串 经 过 网 络 
传输 到 达 另 外 一 端 后 ,要 用 反 序 列 化 的 方法 把 它 转换 为 对 象 类 型 。 

例如 ,一 个 城市 的 天 气 数据 包括 城市 名 称 city, H HI date、 天 气 描述 description, t ij 
温度 highTemp、 最 低温 度 lowTemp 等 ,可 以 定义 两 个 天 气 类 Weatherltem 与 
WeatherClass: 


public class WeatherItemClass 

{ 
public String description { get; set; } 
public double highTemp { get; set; } 
public double lowTemp { get; set; } 

} 


public class WeatherClass 
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public String city { get; set; } 
public String date { get; set; } 
public WeatherItemClass weather { get; set; } 


序列 化 就 是 把 一 个 WeatherClass 对 象 变 成 一 个 XML 字符 串 , 反 序列 化 就 是 把 
XML 字符 串 再 变 回 一 个 WeatherClass 对 象 。 


1. XML 序列 化 
可 以 编写 序列 化 函数 如 下 : 


String serialize(WeatherClass w) 
{ 
XmlSerializer xml-new XmlSerializer (typeof (WeatherClass) ); 
MemoryStream ms-new MemoryStream(); 
xml.Serialize(ms, w); 
String s=Encoding.UTF8.GetString(ms.ToArray()); 
return s; 


) 

首先 创建 一 个 XmlSerializer ME: 

XmlSerializer xml=new XmlSerializer (typeof (WeatherClass) ); 
然后 创建 一 个 内 存 流 : 

MemoryStream ms-new MemoryStream(); 

通过 XmlSerializer 的 Serialize 方法 把 对 象 序 列 化 到 这 个 流 中 : 
xml.Serialize(ms, obj); 

最 后 再 通过 

String s=Encoding.UTF8.GetString(ms.ToArray()); 


把 这 个 流转 为 XML 字符 串 。 
例如 : 


WeatherClass wa=new WeatherClass 
{ 

city- "JI", 

date-"2016-09-08", 

weather-new WeatherItemClass 

{ description-"Z zz", lowTemp-25, highTemp=30 } 
ud 


qeu essaszáxn 


String s-serialize (w); 
序列 化 后 结果 为 


<?xml version-"1.0"?» 
<WeatherClass xmlns:xsi="http://www.w3.org/2001/XMLSchema- instance" xmlns: 
xsd="http://www.w3.org/2001/XMLSchema"> 
<city> 深 圳 </city> 
<date>2016-09-08</date> 
<weather> 
<description> 多 云 </description> 
<highTemp>30< /highTemp> 
<lowTemp>25</lowTemp> 
</weather> 


</WeatherClass> 


2. XML 反 序 列 化 
可 以 编写 反 序 列 化 函数 如 下 : 


WeatherClass deserialize(String s) 
{ 
XmlSerializer xml=new XmlSerializer(typeof (WeatherClass) ); 
byte[] buf-Encoding.UTF8.GetBytes (s); 
MemoryStream ms-new MemoryStream (buf); 
WeatherClass w- (WeatherClass)xml.Deserialize (ms); 
return w; 


} 

首先 创建 一 个 XmlSerializer WE: 

XmlSerializer xml=new XmlSerializer (typeof (WeatherClass)); 
然后 根据 XML 字符 串 s 创建 一 个 内 存 流 : 


byte[] buf-Encoding.UTF8.GetBytes (s); 


MemoryStream ms-new MemoryStream (buf); 
通过 XmlSerializer 的 Deserialize 方法 把 对 象 字符 串 流转 回 到 WeatherClass WE: 


WeatherClass w= (WeatherClass)xml.Deserialize (ms); 


例如 ,上 面 的 XML 字符 串 反 序列 化 后 又 回 到 WeatherClass 类 的 对 象 。 
12.3 ”服务 器 程序 


服务 器 程序 定义 一 个 WeatherltemClass 与 WeatherClass 类 ,把 WeatherClass 类 的 
一 个 对 象 序列 化 成 一 个 XML 字符 串 ,然后 把 这 个 字符 串 传递 给 客户 端 。 
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public class server : IHttpHandler 
{ 
public class WeatherItemClass 
{ 
public String description { get; set; } 
public double highTemp { get; set; } 
public double lowTemp { get; set; } 
public override String ToString() 
{ 
return descriptiont+","+lowTemp .ToString ()+","+highTemp .ToString (); 


} 
public class WeatherClass 
{ 
public String city { get; set; } 
public String date { get; set; } 
public WeatherItemClass weather { get; set; } 
public override String ToString() 
{ 


return city+","+tdate+","+weather.ToString(); 


} 
String serialize (WeatherClass w) 
{ 
XmlSerializer xml=new XmlSerializer(typeof (WeatherClass) ); 
MemoryStream ms-new MemoryStream(); 
xml.Serialize (ms, w); 
String s-Encoding.UTF8.GetString (ms.ToArray()); 
return S; 
} 
public void ProcessRequest (HttpContext context) 
( 
context.Response.ContentType-"text/plain"; 
WeatherClass w-new WeatherClass { 
city=" 深 圳 ", date-"2016-09-08", 
weather=new WeatherItemClass 
{ description- "E z«HX»", lowTemp=26, highTemp=30 } 
Me 
String s=serialize(w); 
context .Response.Write(s); 
} 
public bool IsReusable { 
get { 


return false; 
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) 
在 浏览 器 中 执行 该 服务 器 程序 ,可 以 看 到 输出 结果 : 


<?xml version="1.0"2?> 
<WeatherClass xmlns:xsi="http://www.w3.org/2001/XMLSchema- instance" xmlns: 
xsd="http://www.w3.org/2001/XMLSchema"> 
<city> 深 圳 </city> 
«date»2016-09-08«/date» 
«weather» 
«description» £z &lt; WRK &gt;«/description» 
«highTemp»30« /highTemp» 
«lowTemp»26«/lowTemp» 
</weather> 


</WeatherClass> 


124 客户 端 程序 


1. 界面 设计 


客户 端 主要 有 一 个 名 称 为 tCon 的 按钮 Button 用 来 连接 服务 器 ,一 个 名 称 为 txt 的 
文本 框 用 来 显示 执行 结果 。 


<Grid> 
<Grid.RowDefinitions> 
<RowDefinition Height="40" /> 
<RowDefinition Height="*" /> 
</Grid.RowDefinitions> 
<Button x:Name="btCon" Content-"jE£ dE" Width="60" Height-"30" Click- 
"btCon Click" /> 
< TextBox x:Name-"txt" Grid. Row="1" AcceptsReturn-" True" IsReadOnly= 
"True" VerticalScrollBarVisibility="Auto" /> 


</Grid> 


2. 程序 设计 


客户 端 也 定义 相同 的 WeatherItemClass 与 WeatherClass 类 ,连接 服务 器 获取 XML 
字符 串 后 ,把 这 个 XML 字符 串 反 序 列 化 成 WeatherClass 对 象 。 


public partial class MainWindow : Window 
{ 

public MainWindow () 

{ 


} 
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InitializeComponent(); 


public class WeatherItemClass 


{ 


} 


public String description { get; set; } 
public double highTemp { get; set; } 
public double lowTemp { get; set; } 
public override String ToString() 

{ 


return description+","+lowTemp .ToString ()+","+highTemp .ToString (); 


public class WeatherClass 


{ 


j 


public String city ( get; set; ) 

public String date { get; set; } 

public WeatherItemClass weather ( get; set; ] 
public override String ToString() 

{ 


return city+","t+tdate+","+weather.ToString(); 


WeatherClass deserialize(String s) 


{ 


) 


XmlSerializer xml-new XmlSerializer(typeof (WeatherClass)); 
byte[] buf-Encoding.UTF8.GetBytes (s); 

MemoryStream ms-new MemoryStream (buf); 

WeatherClass w- (WeatherClass)xml.Deserialize (ms); 


return w; 


void showMsg (String s) 


{ 


} 


txt.AppendText (s+"\r\n"); 


private void btCon_Click(object sender, RoutedEventArgs e) 


{ 


try 

{ 
WebClient client=new WebClient (); 
client .Encoding=Encoding.UTF8; 
client .DownloadStringCompleted+=client_DownloadStringCompleted; 
client. DownloadStringAsync (new Uri (" http://localhost/web/server. 
ashx")); 
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catch (Exception exp) { showMsg (exp.Message); } 
H 
void client DownloadStringCompleted (object sender, 
DownloadStringCompletedEventArgs e) 
{ 
try 
{ 
WeatherClass w=deserialize(e.Result); 
showMsg (e.Result); 
showMsg ("\r\n 反 序列 化 对 象 : "-w.ToString(0); 
} 


catch (Exception exp) { showMsg (exp.Message); } 


} 
执行 该 程序 ,结果 如 图 1-9 所 示 。 


1.2.5 拓展 训练 


通常 要 序列 化 的 对 象 多 种 多 样 , 不 能 为 每 种 对 象 都 编写 一 个 序列 化 与 反 序 列 化 函 
数 。 实 际 上 可 以 采用 C# 的 泛 型 ,就 可 以 编写 出 适用 于 任何 类 型 的 序列 化 与 反 序 列 化 函 
数 ,采用 二 T> 泛 型 编写 的 函数 如 下 : 


String serialize<T> (T obj) 

{ 
XmlSerializer xml=new XmlSerializer(typeof(T)); 
MemoryStream ms-new MemoryStream(); 
xml.Serialize(ms, obj); 
String s-Encoding.UTF8.GetString(ms.ToArray()); 
return s; 

} 

T deserialize<T> (String s) 

{ 
XmlSerializer xml=new XmlSerializer(typeof(T)); 
byte[] buf-Encoding.UTF8.GetBytes (s); 
MemoryStream ms-new MemoryStream (buf); 
T obj- (T) xmn1.Deserialize (ms); 
return obj; 


} 

其 中 工 代 表 任 何 的 数据 类 型 ,采用 这 样 的 泛 型 函数 后 ,序列 化 语句 改 为 
String s=serialize<WeatherClass> (w); 

反 序 列 化 语句 改 为 


WeatherClass w=deserialize<WeatherClass> (s); 
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执行 的 结果 完全 一 样 。 


1.3 JSON 数据 的 网 络 传输 


1.3.1 案例 展示 


服务 器 程序 与 客户 端 程序 建立 连接 后 要 相互 传递 信息 ,双方 要 事先 约定 好 这 些 信 息 
的 格式 。JSON 数据 是 一 种 常用 的 数据 格式 ,如 图 1-10 所 示 , 服 务 器 返回 一 个 JSON 格 
式 的 字符 串 描述 城市 的 天 气 ,客户 端 再 把 它 反 序列 化 ,解析 出 各 个 字段 的 值 。 


{city":" 深 圳 ","date":"2016-09-08","weather": 
{"description":" 多 云 < 晴天 
>","highTemp":30,"lowTemp":26}} 


反 序列 化 对 象 : 深圳 ,2016-09-08, 多 云 < 晴 天 >,26,30 


图 1-10 JSON 序列 化 


1.3.2 技术 要 点 


除了 XML 序列 化 外 ,JSON 序列 化 也 是 一 种 常用 的 序列 化 方法 。JSON 序列 化 就 是 
把 一 个 对 象 数 据 变 成 一 个 JSON 字符 串 的 过 程 ,可 以 采用 DataContractJsonSerializer 类 
对 象 完成 这 个 过 程 。 反 过 来 ,一 个 序列 化 的 JSON 字符 串 要 用 反 序 列 化 的 方法 把 它 转换 
为 对 象 类 型 。 

例如 ,一 个 城市 的 天 气 数据 包括 城市 名 称 city, H HI date、 天 气 描述 description、 最 高 
温度 highTemp、 最 低温 度 lowTemp 等 ,可 以 定义 一 个 天 气 类 WeatherClass 来 描述 : 


public class WeatherItemClass 

{ 
public String description { get; set; } 
public double highTemp { get; set; } 
public double lowTemp { get; set; } 

} 

public class WeatherClass 

{ 
public String city { get; set; } 
public String date { get; set; } 
public WeatherItemClass weather { get; set; } 

} 


类 似 于 XML 序列 化 函数 ,可 以 编写 通用 的 JSON 序列 化 函数 Serialize 与 反 序列 化 
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函数 Deserialize 如 下 : 


String serialize«T» (T obj) 
{ 
DataContractJsonSerializer json=new DataContractJsonSerializer (typeof (T)) ; 
MemoryStream ms=new MemoryStream(); 
json.WriteObject (ms, obj); 
String s-Encoding.UTF8.GetString(ms.ToArray()); 
return s; 
} 
T deserialize<T> (String s) 


{ 
DataContractJsonSerializer json-new DataContractJsonSerializer (typeof (T)) ; 
byte[] buf=Encoding.UTF8.GetBytes(s); 
MemoryStream ms-new MemoryStream (buf); 
T obj=(T)json.ReadObject (ms); 
return obj; 


) 


不 同 的 是 此 处 使 用 DataContractJsonSerializer 类 ,这 个 类 在 应 用 时 要 先 引 入 。 引 入 


的 方法 是 执行 菜单 “项 目 ”>“ 添 加 引用 "命令 ,打开 “引用 管理 絮 ” 对 话 框 ,如 图 1-11 所 示 ， 
选择 引用 System. Runtime. Serialization。 


aere Bt NE Framework 45 BIIUMR(CUI E Pp- 


名 称 名 称 : 
System.Printing System.Runtime.Serialization 
System.Reflection.Context 创建 者 : 
System.Runtime.Caching Microsoft Corporation 
System.Runtime.Durablelnstancing 版 本 : 
System.Runtim: 4.0.0.0 

文件 版 本 : 
ormatters.* B 4.0.30319.18020 built by: 


System.Security FX45RTMGDR 


System.ServiceModel 
System.ServiceModel.Activation 
System.ServiceModel.Activities 
System.ServiceModel.Channels 


Sustem &erviceModel Di«cowven; 


1-11 引用 System. Runtime. Serialization 


1.33 ”服务 器 程序 


服务 器 程序 定义 WeatherItemClass 与 WeatherClass 类 ,把 WeatherClass 类 的 一 个 
对 象 序列 化 成 一 个 JSON 字符 串 ,然后 把 这 个 字符 串 传 递 给 客户 端 。 
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public class server : IHttpHandler 
{ 
public class WeatherItemClass 
{ 
public String description { get; set; } 
public double highTemp { get; set; } 
public double lowTemp { get; set; } 
public override String ToString() 
{ 
return descriptiont+","+lowTemp .ToString ()+","+highTemp .ToString (); 


} 
public class WeatherClass 
{ 
public String city { get; set; } 
public String date { get; set; } 
public WeatherItemClass weather { get; set; } 
public override String ToString() 
{ 


return city+","+date+","+weather.ToString(); 


} 
String serialize«T» (T obj) 
{ 
DataContractJsonSerializer json=new DataContractJsonSerializer (typeof (T)); 
MemoryStream ms-new MemoryStream(); 
json.WriteObject (ms, obj); 
String s-Encoding.UTF8.GetString (ms.ToArray()); 
return S; 
} 
public void ProcessRequest (HttpContext context) 
{ 
context .Response.ContentType="text/plain"; 
WeatherClass w=new WeatherClass 
{ 
city=" 深 圳 "， 
date="2016- 09-08", 
weather=new WeatherItemClass 
{ description-"Zz«lliX»", lowTemp=26, highTemp-30 } 
] 
String s=serialize(w); 
context .Response.Write(s); 
} 
public bool IsReusable { 
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get { 


return false; 


134 客户 端 程序 
1. 界面 设计 


客户 端 主要 有 一 个 名 称 为 tCon 的 按钮 Button 用 来 连接 服务 器 ,一 个 名 称 为 txt 的 
文本 框 用 来 显示 执行 结果 。 


<Grid> 
<Grid.RowDefinitions> 
<RowDefinition Height="40" /> 
<RowDefinition Height="* " /> 
</Grid.RowDefinitions> 
«Button x:Name-"btCon" Content=" 连 接 " Width="60" Height="30" Click- 
"btCon Click" /» 
<TextBox x:Name-"txt" Grid. Row="1" AcceptsReturn-" True" IsReadOnly= 
"True" VerticalScrollBarVisibility="Auto” /> 


</Grid> 


2. 程序 设计 


客户 端 也 定义 相同 的 WeatherItemClass 与 WeatherClass 类 ,连接 服务 器 获取 JSON 
字符 串 后 ,把 这 个 JSON 字符 串 反 序列 化 成 WeatherClass 对 象 。 


public partial class MainWindow : Window 
{ 
public MainWindow () 
{ 
InitializeComponent(); 
} 
public class WeatherItemClass 
{ 
public String description { get; set; } 
public double highTemp { get; set; } 
public double lowTemp { get; set; } 
public override String ToString() 
{ 
return description +"," + lowTemp. ToString ( ) +"," + highTemp. 


ToString(); 
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} 
public class WeatherClass 
{ 
public String city { get; set; } 
public String date { get; set; } 
public WeatherItemClass weather { get; set; } 
public override String ToString() 


{ 


return city+","+date+","+weather.ToString(); 


} 

T deserialize<T> (String s) 

{ 
DataContractJsonSerializer json=new DataContractJsonSerializer (typeof (T)) ; 
byte[] buf=Encoding.UTF8.GetBytes(s); 
MemoryStream ms=new MemoryStream (buf); 
T obj- (T) json.ReadObject (ms); 
return obj; 

} 

void showMsg (String s) 

{ 
txt.AppendText (s+"\r\n"); 

} 


private void btCon_Click (object sender, RoutedEventArgs e) 


try 


WebClient client-new WebClient(); 
client.Encoding-Encoding.UTF8; 
client.DownloadStringCompleted*-client DownloadString- 
Completed; 
client.DownloadStringAsync (new Uri ("http://localhost/web/server. 
ashx")); 
} 
catch (Exception exp) { showMsg (exp.Message); } 
} 
void client_DownloadStringCompleted (object sender, 
DownloadStringCompletedEventArgs e) 
{ 
try 
{ 
WeatherClass w=deserialize<WeatherClass> (e.Result); 
showMsg (e.Result); 
showMsg ("\r\n 反 序列 化 对 象 : "+w.ToString()); 
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catch (Exception exp) { showMsg (exp.Message); } 


} 


1.3.5 拓展 训练 


XML 序列 化 与 JSON 序列 化 都 是 常用 的 序列 化 方法 ,它们 生成 的 字符 串 格 式 不 一 
样 。 一 般 XML 格式 是 计算 机 与 人 都 比较 容易 读 的 字符 串 , 而 JSON 字符 串 是 计算 机 易 
读 而 人 不 易 读 的 ,同样 是 序列 化 一 个 对 象 , 一 般 XML 序列 化 得 到 的 字符 串 会 比 JSON 的 
长 一 些 。 

在 处 理 二 进 制 数据 时 XML 序列 化 与 JSON 序列 化 的 处 理 方法 有 点 不 同 ,XML 序列 
化 时 会 把 二 进 制 数据 转 为 Base64 的 字符 串 , 而 JSON 一 般 把 二 进 制 数据 转 为 一 个 字符 串 
数组 ,例如 : 

byte[] data=new byte[] {1,2,3,4,5}; 

如 果 采 用 XML 序列 化 ,那么 转 成 的 XML 字符 串 为 

<?xml version-"1.0"?»«base64Binary» AQIDBAU-« /base64Binary» 
其 中 的 AQIDBAU 为 这 个 二 进 制 数据 的 Base64 字符 串 。 

但 是 JSON 序列 化 时 转 成 的 JSON 字符 串 是 

[1,2,3,4,5] 


由 此 可 见 ,JSON 的 转换 比较 简单 直接 。 


14 MK AZULES 
14.41 案例 展示 


在 百度 API 网 站 中 有 全 国 各 地 的 天 气 预 报 数据 ,设计 一 个 程序 从 该 网 站 获取 并 显示 
一 个 城市 当天 的 天 气 状况 数据 ,如 图 1-12 所 示 。 


风力 : 微风 (<10km/h) 


132 城市 天 气 状况 
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142 技术 要 点 


1. BE API Store 天 气 预报 


很 多 网 站 提供 天 气 预 报 数据 ,其 中 百度 API Store 就 有 全 国 各 地 的 天 气 预 报 数据 ,有 
些 是 要 付费 的 ,也 有 免费 的 。 要 获取 免费 的 天 气 预报 数据 ,可 以 进入 百度 API Store 的 网 
站 http://apistore. baidu. com/ ,选择 “生活 常用 ”一 “免费 ”一 “天 气 查询 ”, 如 图 1-13 
所 示 。 


c o EA, 


天 气 查询 


X 服务 商 : APIStore (企业 ) 所 属 分 类 : 4 
II 
apikey : 获取 apikey 
a 8 
已 洞 用 214748 万 次 服务 简介 : 查询 当天 天 气 的 基本 情况 , DESV 
< jB mE. Wm == 34 


图 1-13 百度 天 气 查询 


查询 城市 天 气 ,首先 要 申请 一 个 apikey, 这 是 百度 分 配给 用 户 的 一 个 ID 号 。 单 击 
“获取 apikey”, 弹 出 登录 百度 账号 的 对 话 框 , 如 果 没 有 百度 账号 ,可 以 注册 一 个 ,登录 成 
功 后 再 次 单 击 * 获 取 apikey” 就 可 以 得 到 一 个 字符 串 。 

每 个 百度 账户 的 apikey 是 不 同 的 ,而 且 百度 建议 不 要 把 自己 的 apikey 给 别人 使 用 ， 
因此 可 以 把 自己 的 apikey 存储 在 项 目的 资源 文件 中 。 例 如 ,目前 的 程序 项 目 是 client. TA 
行 Visual Studio 的 “项 目 ” 菜 单 中 的 “client 属性 ”命令 ,打开 client 项 目的 资源 ,在 名 称 中 
输入 apikey, 在 值 中 输入 apikey 值 ,然后 保存 ,如 图 1-14 所 示 。 


EFF- Ò RARR - X BRAEM) | 


| 名 称 ^8 
4 |apikey | 4ad8af06dca54997899 ~ 
4 > 


图 1-14 存储 apikey 


程序 存储 的 apikey 可 以 通过 下 列 语句 获取 : 
Properties.Resources .apikey 


其 中 Properties. Resources 是 项 目 中 的 资源 ,这 个 资源 中 有 一 个 名 为 apikey 的 项 目 ,通过 
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它 获 取 apikey 的 值 。 


2. 获取 天 气 数据 
根据 百度 天 气 预 报 的 说 明 ,可 以 访问 网 址 


http://apis.baidu.com/apistore/weatherservice/cityname 


要 查询 某 个 城市 的 天 气 预报 ,只 要 在 网 址 的 后 面 加 上 “cityname 二 城市 ”的 参数 ， 


例如 : 


http://apis.baidu.com/apistore/weatherservice/cityname?cityname= 深 圳 


就 可 以 查询 到 深圳 当天 的 天 气 数据 。 


但 是 在 访问 网 站 之 前 必须 在 HTTP 协议 的 头 (Headers) 中 设置 apikey, 例 如 ; 


WebClient client=new WebClient(); 

client.Encoding-Encoding.UTF8; 
client.Headers["apikey"]-Properties.Resources.apikey; 
client.DownloadStringCompleted+=client_DownloadStringCompleted; 

client. DownloadStringAsync (new Uri ( " http://apis. baidu. com/apistore/ 


weatherservice/cityname?cityname-iKJll",UriKind.Absolute)); 


在 访问 天 气 预报 的 网 站 时 会 把 apikey 传递 给 服务 器 ,服务 器 用 这 个 apikey 对 用 户 


进行 验证 。 


3. 解析 天 气 数据 
根据 百度 天 气 预报 的 说 明 , 返 回 的 是 JSON 数据 。 例 如 ,北京 的 天 气 预报 数据 如 下 : 


{ 
errNum: 0, 
errMsg: "success", 


retData: { 


city: "北京 "， // 城 市 
pinyin: "beijing", // 城 市 拼音 
citycode: "101010100", // 城 市 编码 
date: "15-02-11", // 日 期 
time: "11:00", // 发 布 时 间 
postCode: "100000", // 邮 编 
longitude: 116.391, // 经 度 
latitude: 39.904, ME 3:3 
altitude: "33", // 海 拔 
weather: "lig", // 天 气 情况 
temp: "10", // 气 温 
l tmp: "-4", // 最 低 气 温 
h_tmp: "10", // 最 高 气温 


WD: "无 持续 风向 "， // 风 向 
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WS: "微风 («10m/h)", // 风 力 
sunrise: "07:12", // 日 出 时 间 
sunset: "17:44" // 日 落 时 间 


} 


其 中 ,errNum 是 错误 指示 ,如 果 为 0 表示 没有 错误 ;errMsg 是 错误 信息 ,没有 错误 时 为 
success;retData 是 返回 的 数据 对 象 ,这 个 对 象 中 包含 很 多 天 气 信 息 , 例 如 ,weather 为 天 
气 状况 ,1_tmp 与 h_tmp 为 最 低温 度 与 最 高 温度 等 。 

我 们 不 一 定 关 心 所 有 的 天 气 数据 ,根据 自己 需要 的 信息 可 以 设计 一 个 类 与 该 数据 
对 应 。 例 如 ,我 们 只 关心 天 气 状 况 weather, 当前 温度 temp、 最 低 与 最 高 温度 1_tmp 与 
h_tmp、 风向 WD、 风 力 WS, 那 么 可 以 设计 天 气 类 WeatherData 如 下 : 


public class WeatherData 

{ 
public String city { get; set; } 
public String date { get; set; } 
public String time { get; set; } 
public String weather { get; set; } 
public String temp { get; set; } 
public String 1 tmp { get; set; } 
public String h_tmp { get; set; } 
public String WD { get; set; } 
public String WS { get; set; } 

} 

public class WeatherClass 

{ 
public int errNum ( get; set; } 
public String errMsg { get; set; } 
public WeatherData retData { get; set; } 

} 


执行 Visual Studio 的 “项 目 ” 添 加 类 ”命令 ,把 这 些 类 存储 在 WeatherClass. cs X 
件 中 。 


14.3 ”服务 器 程序 
服务 器 程序 是 百度 天 气 预 报 网 站 http://apis. baidu. com/apistore/weatherservice/ 


cityname, 
144 客户 端 程序 


1. 界面 设计 


这 个 程序 界面 很 简单 , 主要 是 一 个 名 为 btCon 的 Button 按钮 和 一 个 名 为 txt 的 
TextBox 文本 框 。 
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«Grid» 
<Grid.RowDefinitions> 
<RowDefinition Height="40" /> 
<RowDefinition Height="*" /> 
</Grid.RowDefinitions> 
«Button x:Name-"btCon" Content=" 查 询 " Width="60" Height="30" Click- 
"btCon Click" /> 
< TextBox x:Name-"txt" Grid. Row="1" AcceptsReturn-"True" IsReadOnly= 
"True" VerticalScrollBarVisibility-"Auto" /> 
«/Grid» 


2. 程序 设计 


客户 端 程序 按 要 求 访问 服务 器 ,同时 提供 apikey, 服 务 器 返回 的 JSON 字符 串 反 序 
列 化 为 WeatherClass 类 对 象 ,这 个 类 对 象 中 的 retData 是 一 个 WeatherData 对 象 , 从 这 
个 对 象 就 得 到 各 种 天 气 数据 。 


public partial class MainWindow : Window 
{ 
public MainWindow () 
{ 
InitializeComponent () ; 
} 
T deserialize<T> (String s) 
{ 
DataContractJsonSerializer json-new DataContractJsonSerializer (typeof (T) ); 
byte[] buf=Encoding.UTF8.GetBytes (s); 
MemoryStream ms=new MemoryStream (buf); 
T obj- (T) json.ReadObject (ms) ; 
return obj; 
) 
void showMsg (String s) 
{ 
txt.AppendText (s+"\r\n"); 
} 
void client_DownloadStringCompleted(object sender, 
DownloadStringCompletedEventArgs e) 
{ 
try 
{ 
WeatherClass w=deserialize<WeatherClass> (e.Result); 
if (w.errNum==0) 
{ 
String s=" 城 市 : "+w.retData.city+"\r\n"; 
s=s+" 日 期 : "+w.retData.date+"\r\n"; 
s=s+" 时 间 : "+w.retData.time+"\r\n"; 
s=s+" 当 前 温度 : "+w.retData.temp+"\r\n"; 
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25 
s=s+" 最 低温 度 : "+w.retData.1 tmpt+"\r\n"; 
s=s+" 最 高 温度 : "+w.retData.h tmp+"\r\n"; 
s=s+" 天 气 状态 : "+w.retData.weather+"\r\n"; 
s=s+" 风 向 : "+w.retData.WD+"\r\n"; 
s=s+" 风 力 : "+w.retData.WS+"\r\n"; 
showMsg (s) ; 
} 
else showMsg(w.errMsg) ; 
} 
catch (Exception exp) { showMsg(exp.Message); } 
} 
private void btCon_Click (object sender, RoutedEventArgs e) 
{ 
try 
{ 
WebClient client-new WebClient (); 
client .Encoding=Encoding.UTF8; 
client .Headers ["apikey"]=Properties.Resources.apikey; 
client .DownloadStringCompleted+=client_DownloadStringCompleted; 
client. DownloadStringAsync (new Uri ("http://apis. baidu. com/ 


apistore/weatherservice/cityname?cityname-iKJl|l", UriKind.Absolute)); 
) 


catch (Exception exp) ( showMsg(exp.Message); } 


} 
运行 这 个 程序 就 可 以 看 到 该 城市 当天 的 天 气 状况 。 


14.5 拓展 训练 


可 以 改造 这 个 程序 ,引入 一 个 名 称 为 cbCity 的 ComboBox 控件 来 存储 几 个 城市 , 当 
选择 一 个 城市 时 就 查询 到 该 城市 的 天 气 信息 ,如 图 1-15 所 示 。 由 于 程序 中 要 反复 用 到 
WebClient 对 象 查询 不 同城 市 的 天 气 信息 ,因此 把 WebClient 对 象 client 设置 为 类 对 象 。 


风力 : 微风 (<10km/h) 


图 1-15 城市 天 气 状 况 
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主要 的 程序 部 分 如 下 : 


private void MyWindow Loaded(object sender, RoutedEventArgs e) 
{ 
cbCity.Items .Add(" 选 择 ") 
cbCity.Items.Add("db3i"); 
cbCity.Items.Add(" E"); 
cbCity.Items.Add("J JH"); 
cbCity.Items.Add ("Rll") ; 
client=new WebClient(); 
client.Encoding-Encoding.UTF8; 
client.Headers["apikey"]-Properties.Resources.apikey; 
client.DownloadStringCompleted*-client DownloadStringCompleted; 
cbCity.SelectedIndex-0; 
) 
private void cbCity SelectionChanged(object sender, 
SelectionChangedEventArgs e) 
{ 
if (cbCity.SelectedIndex>=1) 
{ 
cbCity.IsEnabled=false; 
try 
{ 
txt.Text-""; 
String city-cbCity.SelectedItem.ToString(); 
client. DownloadStringAsync (new Uri ("http://apis. baidu. com/ 
apistore/weatherservice/cityname? cityname =" + city, UrikKind. 
Absolute)); 
} 
catch (Exception exp) { showMsg(exp.Message); } 


1.5 "KW AT TASRK EE 


15.1 案例 展示 


前 面 看 到 ,可 以 从 百度 网 站 中 获取 一 个 城市 当天 的 天 气 数 据 ,实际 上 从 百度 网 站 中 
还 可 以 得 到 城市 几 天 内 的 天 气 预报 数据 。 现 在 来 设计 一 个 程序 , 它 启 动 后 可 以 选择 一 个 
城市 ,显示 这 个 城市 几 天 内 的 天 气 预报 数据 ,如 图 1-16 所 示 。 
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北京 ~ 


城市 ; 北京 
日 期 : 2016-09-16 星期 五 


图 1-16 城市 几 天 内 的 天 气 预报 


15.2 技术 要 点 


1. 获取 天 气 数据 
根据 百度 天 气 预报 的 说 明 , 可 以 访问 下 列 网 址 获取 一 个 城市 多 天 的 天 气 预 报 : 
http://apis.baidu.com/apistore/weatherservice/recentweathers 


要 查询 某 个 城市 的 天 气 预报 ,只 要 在 网 址 的 后 面 加 上 “cityname 二 城市 ”的 参数 就 可 
WT. 


2. 解析 天 气 数据 
根据 百度 天 气 预报 的 说 明 ,返回 的 是 JSON 数据 。 例 如 ,北京 的 天 气 预 报 数据 如 下 : 


{ 
errNum: 0, 


errMsg: "success", 


retData: { 

city: "ER", // 城 市 名 称 

cityid: "101010100", // 城 市 编码 

today: { 
date: "2015-08-03", // 今 天 日 期 
week: "星期 一 "， // 今 日 星期 
curTemp: "28°C", // 当 前 温度 
aqi: "92", // 空 气质 量 指数 
fengxiang: "无 持续 风向 "， // 风 向 
fengli: "微风 级 "， // 风 力 
hightemp: "30°", // 最 高 温度 


lowtemp: "23", // 最 低温 度 
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type: "PERI", // 天 气 状态 
index: [ // 指 标 列表 
{ 
name: "感冒 指数 "， // 指 数 指标 1 名 称 
code: "gm", // 指 标 编码 
index: "", // 等 级 


details: "各 项 气象 条 件 适 宜 ,发 生 感冒 机 率 较 低 。 但 请 避免 长 期 处 于 
空调 房间 中 ,以 防 感冒 。"， // 描 述 
otherName: "" // 其 他 信息 


code: "fs", 

details: " 属 中 等 强度 紫外 辐射 天 气 , 外 出 时 应 注意 防护 ,建议 涂 控 SPF 
指数 高 于 15,PA+ 的 防晒 护肤 品 。"， 

index: "中 等 "， 

name: "防晒 指数 "， 


otherName: "" 


code: "ct", 

details: "天 气 炎 热 ,建议 着 短 衫 , 短 裙 、 短 裤 、 薄 型 Tf 恤衫 等 清凉 夏季 
服装 。"， 

index: "Rik", 

name: " 穿 衣 指数 "， 


otherName: "" 


code: "yd", 
details: "有 降水 ,推荐 您 在 室内 进行 低 强度 运动 ; 若 坚 持 户外 运动 , 须 
注意 选择 避 雨 防滑 并 携带 雨具 。"， 


index: "RAH", 
name: "运动 指数 "， 


otherName: "" 


code: "xc", 

details: "不 宜 洗 车 ,未 来 24 小 时 内 有 雨 ,如 果 在 此 期 间 洗车 ,雨水 和 路 
上 的 泥水 可 能 会 再 次 弄 脏 您 的 爱 车 ."， 

index: "Av", 

name: "洗车 指数 "， 


otherName: "" 


codes "1s", 


fs 


details: "有 降水 ,不 适宜 上 晾晒。 车 需要 晾晒 ,请 在 室内 准备 出 充足 的 


空间 。"; 
index: "不 宜 "， 
name: "lili", 


otherName: "" 


forecast: [ 


í 


date: "2015-08-04", 
week: "星期 二 "， 
fengxiang: "无 持续 风向 "， 
fengli: "WRA", 
hightemp: "32°C", 
lowtemp: "23", 

type: "Ez" 


date: "2015-08-05", 
week: "星期 三 "， 
fengxiang: "无 持续 风向 "， 
fengli: "微风 级 "， 
hightemp: "30°C", 
lowtemp: "237", 

type: "Ez" 


date: "2015-08-06", 
week: "星期 四 "， 
fengxiang: "无 持续 风向 "， 
fengli: "微风 级 "， 
hightemp: "29°C", 
lowtemp: "24°C", 

type: "雷阵雨 " 


date: "2015-08-07", 
week: "星期 五 "， 
fengxiang: "无 持续 风向 "， 
fengli: "微风 级 "， 
hightemp: "30", 
lowtemp: "24", 

type: "Ez" 
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// 回 来 预报 列表 
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l; 


history: [ 


} 


观察 这 个 JSON 字符 串 ,可 以 看 到 ,forecas 是 一 个 数组 , 它 内 部 的 每 日 天 气 数据 是 基本 
的 数据 ,可 以 设计 为 一 个 WeatherDataClass 2$, retData 中 包含 当天 的 数据 及 未 来 几 天 的 数 
据 , 因 此 可 以 定义 retData 是 一 个 WeatherCityClass 类 ,这 个 类 包含 一 个 WeatherDataClass 
对 象 today 以 及 一 个 WeatherDataClass 数组 forecast。 最 后 定义 WeacherClass 类 作为 
最 外 层 的 数据 类 , 它 包 含 返 回信 息 与 WeatherCityClass 对 象 retData。 

我 们 不 一 定 关心 所 有 的 天 气 数据 ,根据 自己 需要 的 信息 可 以 设计 一 个 类 与 该 数据 对 
应 ,这 些 类 存储 在 文件 WeatherClass. cs 中 ,主要 的 类 如 下 : 


{ 


date: "2015-07-31", 
week: "星期 五 "， 

aque 529. 

fengxiang: "无 持续 风向 "， 
fengli: "微风 级 "， 
hightemp: "高 温 29°C", 
lowtemp: "低温 22°C", 
type: "Ez" 


date: "2015-08-01", 
week: "星期 六 "， 

agi: null, 

fengxiang: "Aj", 
fengli: "微风 级 "， 
hightemp: "高 温 35°C", 
lowtemp: "低温 26°C", 
type: "Ez" 


public class WeatherDataClass 


public String date { get; set; } 


public String week ( get; set; ] 


public String curTemp { get; set; } 


public String aqi { get; set; } 


public String fengxiang ( get; set; } 


public String fengli { get; set; } 


// 历 史 天 气 列 表 
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public String hightemp { get; set; } 
public String lowtemp { get; set; } 
public String type { get; set; } 
public override string ToString() 
{ 
String s=" 日 期 : "+date+" "+week+"\r\n"; 
s=s+" 天 气 状 态 : "+type+"\r\n"; 
s=s+" 风 向 : "+ fengxiang+"\r\n 风力 : "+fenglit+"\r\n"; 
s=s+" 最 低温 度 : "+ lowtemp+"\r\n 最 高 温度 : "+hightemp+"\r\n"; 


return s; 


} 
public class WeatherCityClass 


{ 
public String city { get; set; } 
public String cityid { get; set; } 
public WeatherDataClass today { get; set; } 
public List<WeatherDataClass>forecast { get; set; } 


} 


public class WeatherClass 


{ 
public int errNum { get; set; } 
public String errMsg { get; set; } 
public WeatherCityClass retData { get; set; } 


} 
其 中 WeatherDataClass 类 是 天 气 数据 类 ,对 于 当天 的 天 气 数据 有 curTemp 与 aqi 两 个 属 
性 的 值 ,对 于 未 来 几 天 的 天 气 ,这 两 个 值 为 空 。 
15.3 ”服务 器 程序 


服务 器 程序 是 百度 天 气 预 报 网 站 http://apis. baidu. com/apistore/weatherservice/ 


recentweathers, 


154 客户 端 程序 


1. 界面 设计 


窗 体 中 有 一 个 名 为 cbCity 的 ComboBox 下 拉 列 表 框 与 一 个 名 称 为 txt 的 TextBox 
文本 框 。 


«Window x:Name="MainWindow1" x:Class="client .MainWindow" 
xmlns-"http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
xmlns:x-"http://schemas.microsoft.com/winfx/2006/xaml" 

天 气 预报 " Height-"350" Width-"525" Loaded-"MainWindow | 


Title- 
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Loaded"» 
«Grid» 
<Grid.RowDefinitions> 
<RowDefinition Height="50" /> 
<RowDefinition Height="*" /> 
</Grid.RowDefinitions> 
<ComboBox x:Name="cbCity" Width="60" Height="30" SelectionChanged 
="cbCity SelectionChanged" /> 


<TextBox x:Name-"txt" Grid.Row="1" AcceptsReturn-"True" IsReadOnl y= 
"True" VerticalScrollBarVisibility="Auto" /> 
</Grid> 


«/Window» 
2. 程序 设计 


服务 器 程序 在 启动 时 执行 窗 体 的 Loaded 函数 ,在 这 个 函数 中 设置 下 拉 列 表 框 中 包 
括 的 城市 ,同时 创建 WebClient 对 象 ,在 选择 城市 时 执行 下 拉 列 表 框 的 SelectionChanged 
事件 ,选择 城市 就 可 以 访问 服务 器 获取 天 气 预报 数据 。 


Hin 


public partial class MainWindow : Window 
{ 
WebClient client; 
public MainWindow () 
{ 
InitializeComponent () ; 
} 
T deserialize<T> (String s) 
{ 
DataContractJsonSerializer json=new DataContractJsonSerializer (typeof (T)) ; 
byte[] buf=Encoding.UTF8.GetBytes(s); 
MemoryStream ms=new MemoryStream (buf); 
T obj=(T)json.ReadObject (ms) ; 


return obj; 
void showMsg (String s) 
txt.AppendText (s+"\r\n"); 


void client DownloadStringCompleted (object sender, 


DownloadStringCompletedEventArgs e) 


try 
{ 


WeatherClass w=deserialize<WeatherClass> (e.Result); 


} 
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if (w.errNum==0) 
{ 
String s=" 城 市 : "tw.retData.city+"\r\n"; 
s=stw.retData.today.ToString()+"\r\n"; 
foreach (WeatherDataClass wf in w.retData.forecast) 
s=stwf.ToString()+"\r\n"; 
showMsg (s) ; 
} 
else showMsg(w.errMsg) ; 
} 
catch (Exception exp) { showMsg(exp.Message); } 


cbCity.IsEnabled=true; 


private void cbCity SelectionChanged (object sender, 


SelectionChangedEventArgs e) 


{ 


) 


if (cbCity.SelectedIndex>=1) 
{ 
cbCity.IsEnabled=false; 
try 
{ 
txt.Text-""; 
String city-cbCity.SelectedItem.ToString(); 
client.DownloadStringAsync (new Uri ("http://apis. baidu. com/ 
apistore/weatherservice/recentweathers? cityname =" + city, 
UriKind.Absolute)); 
) 


catch (Exception exp) { showMsg (exp.Message) ; } 


private void MainWindow Loaded(object sender, RoutedEventArgs e) 


{ 


cbCity.Items.Add ("Æ"); 

cbCity.Items.Add("db Xx"); 

cbCity.Items.Add(" Ei"); 

cbCity.Items.Add("] JH"); 

cbCity.Items.Add ("XJI") ; 

client-new WebClient(); 

client.Encoding-Encoding.UTF8; 
client.Headers["apikey"]-Properties.Resources.apikey; 
client.DownloadStringCompleted*-client DownloadStringCompleted; 
cbCity.SelectedIndex-0; 
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1.5.5 拓展 训练 


重新 设计 WeatherCityClass 类 ,在 其 中 增加 一 个 history 属性 : 
List<WeatherDataClass>histoty {get; set; } 
那么 它 就 能 获取 城市 的 历史 天 气 数据 , 即 WeatherCityClass 如 下 : 


public class WeatherCityClass 
{ 
public String city { get; set; } 
public String cityid { get; set; } 
public WeatherDataClass today { get; set; } 
public List<WeatherDataClass> forecast { get; set; } 
public List<WeatherDataClass>history { get; set; } 
} 


适当 修改 程序 ,就 可 以 获取 一 个 城市 过 去 几 天 与 未 来 几 天 的 天 气 数 据 。 


1.6 城市 天 和 亿 预报 程序 的 实现 
1.6.1 技术 要 点 


1. RARER 
前 面 的 天 气 预 报 数据 是 文本 的 数据 ,为 了 让 天 气 预报 程序 美观 些 , 需 要 配 上 一 些 天 
气 状况 的 图 标 ,例如 雨天 的 图 标 、 晴 天 的 图 标 等 。 天 气 状 况 的 图 标 文件 可 以 通过 网 络 搜 
索 下 载 ,例如 从 网 址 http://www. webxml. com. cn/zh_cn/weather_icon. aspx 就 可 以 下 
载 一 组 天 气 状 况 图 标 。 这 些 图 标 如 表 1-1 所 示 ,每 个 图 标 有 一 个 文件 名 称 。 
表 1-1 天 气 图 标 


天 气 状况 图 标 文件 图 标 样式 
晴 a_0. gif i 
BE a_l. gif e& 
Jj a 2. gif e 
阵雨 a_3. gif e» 
雷阵雨 a_4. gif de 
雷阵雨 -冰雹 a_5. gif d 
雨 夹 雪 a_6. gif 会 
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天 气 状 况 图 标 文件 图 标 样式 
小 雨 a_7. gif ce» 
中 雨 a_8. gif cep 
K a_9. gif c» 
暴雨 a_10. gif e» 
大 暴雨 a ll.gif & 
特大 暴雨 a 12. gif e» 
阵 雪 a_13. gif ee 
小 雪 a 14. gif e» 
中 雪 a 15. gif c» 
KG a 16. gif e» 
暴雪 a 17. gif e» 
E a 18. gif = 
冻雨 a 19. gif e» 
沙尘暴 a_20. gif Be 
小 雨 -中 雨 a_21. gif c» 
中 雨 -大雨 a_22. gif ce» 
大 雨 -暴雨 a_23. gif e» 
暴雨 -大 暴雨 a_24. gif & 
大 暴雨 -特大 暴雨 a_25. gif e» 
小 雪 - 中 雪 a_26. gif e» 
PERE a 27. gif e» 
大 雪 - 暴 雪 a_28. gif Pp 
浮尘 a_29. gif Eu 
扬 沙 a_30. gif 3 
强 沙尘暴 a_31. gif 会 


可 以 为 每 个 天 气 状况 与 对 应 的 图 标 建立 一 个 字典 关系 ,这 样 在 知道 天 气 状况 时 就 可 


以 查找 到 对 应 的 图 标 是 什么 ,例如 : 


icons=new Dictionary<string, string>(); 


icons .Add ("I ", "a 0.gif"); 
icons .Add (" 多 云 "， "a Togif")g 
icons .Add (" 阴 "， "a Agit"); 
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所 有 的 图 标 可 以 存储 在 工程 项 目的 icons 目录 下 ,如 图 1-17 所 示 , 只 要 在 Weathers 
项 目 中 新 建 一 个 icons 文件 夹 ,把 这 些 天 气 图 标 加 入 到 这 个 文件 夹 即 可 。 


2. 天 气 数据 类 解决 方案 资源 管理 器 “mx 
conm|e-eQ " 

数据 类 与 1.5 节 的 类 似 , 只 是 在 WeatherDataClass 中 增 搜索 解决 方案 资源 管理 器 (( P ~ 

加 了 一 个 icon 的 属性 ,用 来 显示 天 气 图 标 。 4 E Weathers = 


b £ Properties 
b em 引用 


public class WeatherDataClass 


{ 


public String date { get; set; } 
public String week { get; set; } 


public String curTemp { get; set; } 
public String aqi { get; set; } 1-17 天 气 图 标 
public String fengxiang { get; set; } 
public String fengli { get; set; } 
public String hightemp { get; set; } 
public String lowtemp { get; set; } 
public String type { get; set; } 
public String icon { get; set; } 
} 
public class WeatherCityClass 
{ 
public String city { get; set; } 
public String cityid { get; set; } 
public WeatherDataClass today { get; set; } 
public List<WeatherDataClass>forecast { get; set; } 
} 
public class WeatherClass 
{ 
public int errNum { get; set; } 
public String errMsg { get; set; } 
public WeatherCityClass retData { get; set; } 
} 


为 了 查询 全 国 各 个 省 份 与 城市 的 天 气 ,另外 设计 ProvinceClass 来 表示 一 个 省 份 , 它 
下 面 有 一 个 城市 列表 cities , 它 是 这 个 省 所 辖 的 各 个 城市 。 设 计 ZoneClass 类 来 表示 全 部 
省 份 , 它 有 一 个 省 份 的 列表 provinces. 


public class ProvinceClass 
{ 
public String province { get; set; } 
public List<String>cities { get; set; } 
H 


public class ZoneClass 
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public List<ProvinceClass>provinces { get; set; } 


16.2 服务 器 程序 


服务 器 程序 是 百度 天 气 预 报 网 站 http://apis. baidu. com/apistore/weatherservice/ 


recentweathers, 


163 客户 端 程序 
1. 界面 设计 


程序 把 窗 体 划分 成 5 个 主要 的 列 , 第 一 列 存放 省 份 与 城市 的 列表 ,其 他 4 个 部 分 存 
放 4 天 的 天 气 预报 数据 ,每 个 天 气 面 板 是 一 个 StackPanel 控件 ,其 中 firstWeather、 
second Weather ,thirdWeather, fourthWeather 分 别 是 第 一 .二 .三 .四 天 的 数据 数据 面板 ， 
每 天 的 数据 都 绑 定 在 这 个 面板 的 DataContext 属性 上 。 


«Window x:Name="MainWindow1" x:Class="Weathers.MainWindow" 


xmlns-"http://schemas.microsoft.com/winfx/2006/xaml/presentation" 


xmlns:x-"http://schemas.microsoft.com/winfx/2006/xaml" 
Title=" 天 气 预报 " Height-"322.56" Width-"676.139" Loaded-"MainWindow 


Loaded" ResizeMode="NoResize"> 


<Grid> 
<Grid> 
<Grid.RowDefinitions> 
<RowDefinition Height="40" /> 
<RowDefinition Height="20" /> 
<RowDefinition Height="*" /> 
</Grid.RowDefinitions> 
<TextBlock Text -" X ^C MMR" FontSize="30" HorizontalAlignment = 
"Center" /> 
<TextBlock x:Name="tbZone" Text="" FontSize="14" 
HorizontalAlignment- "Center" Grid.Row="1" /> 
<Grid Grid.Row="2"> 
<Grid.ColumnDefinitions> 
<ColumnDefinition Width="100" /> 
<ColumnDefinition Width="140" /> 
<ColumnDefinition Width="140" /> 
<ColumnDefinition Width="140" /> 
<ColumnDefinition Width="140" /> 
</Grid.ColumnDefinitions> 
<Grid> 


<Grid.RowDefinitions> 
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<RowDefinition Height- "30" /> 
«RowDefinition Height- "30" /» 
<RowDefinition Height- "30" /> 


«RowDefinition Height-"*" /» 


</Grid.RowDefinitions> 


«TextBlock Text=" 省 份 " Grid.Row-"0" Margin-"10,0,0,0" /> 


<ComboBox x:Name="cbProvince" Grid.Row="1" Margin="10,0, 


0,0" SelectionChanged="cbProvince SelectionChanged" /> 
<TextBlock Text=" 城 市 " Grid.Row="2" Margin="10,0,0,0" /> 


<ListBox x:Name-"lsCities" Grid.Row="3" Margin="10,0,0, 


10" SelectionChanged-"1sCities SelectionChanged" /> 


</Grid> 


<StackPanel x: Name="firstWeather" Orientation-"Vertical" 


Grid.Column="1" Margin="10"> 
<TextBlock FontSize="10" 
<TextBlock FontSize="10" 
<TextBlock FontSize="10" 
<TextBlock FontSize="10" 
<TextBlock FontSize="10" 
<TextBlock FontSize="10" 
<TextBlock FontSize="10" 
<TextBlock FontSize="10" 
<TextBlock FontSize="10" 


Text="{Binding date}" /> 
Text="{Binding week}" /> 
Text="{Binding curTemp}" /> 
Text="{Binding aqi}" /> 
Text="{Binding lowtemp}" /> 
Text="{Binding hightemp}" /> 
Text="{Binding fengxiang}" /> 
Text="{Binding fengli}" /> 
Text="{Binding type}" /> 


<Image Width="80" Height="80" Source="{Binding icon}" /> 


</StackPanel> 


<StackPanel x:Name-"secondWeather" Orientation-"Vertical" 


Grid.Column-"2" Margin-"10"» 
«TextBlock FontSize-"10" 
<TextBlock FontSize-"10" 
«TextBlock FontSize-"10" 
«TextBlock FontSize-"10" 
«TextBlock FontSize-"10" 
«TextBlock FontSize-"10" 
«TextBlock FontSize-"10" 
«TextBlock FontSize-"10" 
«TextBlock FontSize-"10" 


Text-"(Binding date)" /> 
Text-"(Binding week]" /» 
Text-"(Binding curTemp}" /» 
Text-"(Binding agi)" /> 
Text-"(Binding lowtemp}" /> 
Text="{Binding hightemp}" /> 
Text="{Binding fengxiang}" /> 
Text="{Binding fengli}" /> 
Text="{Binding type}" /> 


<Image Width="80" Height="80" Source="{Binding icon}" /> 


</StackPanel> 


<StackPanel x: Name-"thirdWeather" Orientation="Vertical" 


Grid.Column="3" Margin="10"> 
<TextBlock FontSize="10" 
<TextBlock FontSize="10" 
<TextBlock FontSize="10" 
<TextBlock FontSize="10" 


Text="{Binding date}" /> 
Text="{Binding week}" /> 
Text="{Binding curTemp}" /> 
Text="{Binding aqi}" /> 
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<TextBlock FontSize="10" 
<TextBlock FontSize="10" 
<TextBlock FontSize="10" 
<TextBlock FontSize="10" 
<TextBlock FontSize="10" 


Text="{Binding lowtemp}" /> 
Text="{Binding hightemp}" /> 
Text="{Binding fengxiang}" /> 
Text="{Binding fengli}" /> 
Text="{Binding type}" /> 


<Image Width="80" Height="80" Source="{Binding icon}" /> 


</StackPanel> 


«StackPanel x:Name="fourthWeather" Orientation-"Vertical" 


Grid.Column-"4" Margin-"10"» 

«TextBlock FontSize-"10" 
"10" 
10" 


«TextBlock FontSize- 


«TextBlock FontSiz 
«TextBlock FontSiz 


«TextBlock FontSize-"10" 
«TextBlock FontSize-"10" 
«TextBlock FontSize-"10" 
«TextBlock FontSize-"10" 
«TextBlock FontSize-"10" 


Text-"(Binding date)" /> 


"(Binding week)" /» 


(Binding curTemp}" /> 
Text="{Binding aqi}" /> 
Text="{Binding lowtemp}" /> 
Text="{Binding hightemp}" /> 
Text="{Binding fengxiang}" /> 
Text="{Binding fengli}" /> 
Text="{Binding type}" /> 


<Image Width="80" Height="80" Source="{Binding icon}" /> 


</StackPanel> 
</Grid> 


</Grid> 


</Grid> 
«/Window» 


2. 程序 设计 


程序 启动 时 ,首先 建立 天 气 图 标 字典 icons、 省 份 与 城市 的 对 象 zones, 然 后 把 省 份 列 
表 绑 定 到 省 份 下 拉 列 表 框 cbProvince 上 显示 不 同 的 省 份 。 当 省 份 变化 时 ,获取 该 省 份 所 
辖 的 城市 列表 并 绑 定 到 lsCities 列表 框 中 显示 该 省 份 的 城市 。 当 选择 一 个 城市 时 ,就 从 
服务 器 获取 天 气 预报 数据 ,分 别 显示 在 不 同 的 面板 上 。 其 中 getWeatherltem 函数 是 给 
WeatherDataClass 对 象 的 各 个 天 气 数据 加 上 中 文 说 明 ,它们 绑 定 到 任何 一 个 天 气 面 板 上 
就 有 说 明 信 息 了 。 


public partial class MainWindow : Window 
{ 
WebClient client; 
String url="http://apis.baidu.com/apistore/weatherservice/ 
recentweathers?cityname="; 
Dictionary<String, String>icons; 
ZoneClass zones; 
public MainWindow() 
{ 


InitializeComponent (); 
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client-new WebClient (); 
client.Headers["apikey"]-Properties.Resources.apikey; 
client.DownloadStringCompleted*-client DownloadStringCompleted; 
} 
void client DownloadStringCompleted (object sender, 
DownloadStringCompletedEventArgs e) 
{ 


if(e.Error--null) 


try 


tbZone.Text-e.UserState.ToString(); 
String s-e.Result; 
// 反 序列 化 成 Weather 对 象 
WeatherClass ws-deserialize«WeatherClass» (s); 
if(ws.errNum--0) 
{ 
// 绑 定数 据 到 第 一 天 的 显示 控件 
WeatherDataClass w=ws.retData.today; 
getWeatherItem(w); 
firstWeather.DataContext-w; 
if (ws.retData.forecast.Count>0) 
{ 
// 绑 定数 据 到 第 二 天 的 显示 控件 
w=ws.retData.forecast [0]; 
getWeatherItem(w); 
secondWeather.DataContext-w; 
) 
if(ws.retData.forecast.Count»1) 
{ 
// 绑 定数 据 到 第 三 天 的 显示 控件 
w=ws.retData.forecast [1]; 
getWeatherItem(w); 
thirdWeather.DataContext-w; 
) 
if(ws.retData.forecast.Count»2) 
{ 
// 绑 定数 据 到 第 四 天 的 显示 控件 
w=ws.retData.forecast [2]; 
getWeatherItem(w); 


fourthWeather.DataContext-w; 


else 
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// 绑 定 空 数 据 到 各 天 的 显示 控件 
firstWeather.DataContext-null; 
secondWeather.DataContext-null; 
thirdWeather.DataContext-null; 
fourthWeather.DataContext-null; 


showMsg(ws.errMsg) ; 


} 
catch (Exception exp) 
{ 
MessageBox. Show (exp.Message) ; 
} 
cbProvince.IsEnabled=true; 


lsCities.IsEnabled-true; 


) 

void showMsg (String s) 

{ 
MessageBox.Show(s, "Information", MessageBoxButton.OK); 

} 

T deserialize<T> (String s) 

{ 
byte[] buf=Encoding.UTF8.GetBytes(s) ; 
MemoryStream ms=new MemoryStream (buf); 
DataContractJsonSerializer json=new DataContractJsonSerializer 
(typeof (T)); 
T obj=(T) json. ReadObject (ms); 
return obj; 

} 

void getWeatherItem(WeatherDataClass w) 

{ 
// 查 询 天 气 图 标 
KeyValuePair<String, String>obj=icons.FirstOrDefault (x=>x.Key. 
IndexOf (w.type)>=0 || w.type.IndexOf (x.Key) >=0); 
if(!obj.Equals (null)) w.icon="icons\\"+obj.Value; 


else w.icon-null; 


//w.date =" 日 期 : "+w.date; 
//w.week =" 星 期 : "+w.week; 
w.curTemp =" 现 在 温度 : "+w.curTemp; 
w.aqi =" 空 气 指 数 : "+w.aqi; 
w.hightemp ”=" 最 高 温度 : "+w.hightemp; 
w.lowtemp =" 最 低温 度 : "+w.lowtemp; 


w.fengxiang =" 风 向 : "t+tw.fengxiang; 
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w.fengli =" 风 力 : "+w.fengli; 
w.type =" 天 气 状况 : "+w.type; 

} 

void getIcons() 

{ 


icons=new Dictionary<string, string>(); 
icons.Add("Hif", "a O.gif"); 
icons.Add("£ zi", "a_l.gif"); 
icons.Add("B]", "a 2.gif"); 
icons.Add ("阵雨 ", "a 3.gif"); 
icons.Add(" 雷 阵雨", "a_4.gif"); 
icons.Add(" 雷 阵 KH", "a 5.gif"); 
icons.Add ("ffi JN "a 6.gif"); 
icons.Add("/) fi", "a 7.gif"); 
icons.Add ("PR "a 8,gif"); 
icons.Add ("K "a 9,gif"); 
icons.Add ("暴雨 "， "a 10.gif"); 
icons.Add(" 大 暴雨 ", "a 11.gif"); 
icons.Aqdd(" 特 大暴雨", "a_12.gif"); 
icons.Add(" 阵 雪 ", "a 13.gif"); 
icons.Add(" 小 雪 ", "a 14.gif"); 
icons.Add(" 中 雪 "， WW 4 Ea 
icons.Add(" 大 雪 "， "a 16.gif"); 
icons.Add("AMÉ", "a 17.gif"); 
icons.Add("3", "a_18.gif"); 
icons.Add ("#& hi", "a 19.gif"); 
icons.Aqdd ("沙尘暴 ", "a 20.gif"); 
icons.Add("/)\fi- "PRI", "a 21.gif"); 
icons.Add("'PHi- AM", "a_22.gif"); 
icons.Add("KiN-#Mi", "a 23.gif"); 
icons.Add ("Æ M- KAEWi", "a 24.gif"); 
icons.Add(" 大 暴雨 -特大 暴雨 ", "a 25.gif"); 
icons.Add ("小雪 - 中 雪 ", "a 26.gif"); 
ieons.Add(" 中 雪 - 大 雪 ", "a 27.gif"); 
icons.Add ("大雪 -暴雪 ", "a_28.gif"); 
icons.Add("if4b", "a 29,.gif"); 
icons.Add(" 扬 沙 "， "a 30.gif"); 
icons.Add(" 强 沙尘暴 "， "a. 31.gif"); 


} 

void getZones () 

{ 
zones=new ZoneClass 
{ 


provinces=new List<ProvinceClass> 
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new ProvinceClass { province=" 直 辖 市 "，cities=new List 
<string> { "Ihe", "EE", "AH", "HER" }}, 

new ProvinceClass { province="J" KK", cities=new List 
<string>{ "J H", "PRY", "珠海 "; "EUN" } } ， 

new ProvinceClass { province=" 贵 州 ", cities=new List 


<string>{ "SEPA", "AW", "ML, "遵义 " } } 


} 


private void MainWindow Loaded(object sender, RoutedEventArgs e) 
{ 
try 
{ 
getIcons(); 
getZones(); 
// 绑 定 省 份 列 表 到 cbProvince 控件 
cbProvince.ItemsSource-zones.provinces.Select (x=>x.province) ; 
} 
catch (Exception exp) { showMsg (exp.Message); } 
} 
private void lsCities SelectionChanged(object sender, Selection- 
ChangedEventArgs e) 
{ 
if (lsCities.SelectedIndex>=0) 
{ 
String city=lsCities.SelectedItem.ToString(); 
// 查 找 city 的 天 气 预 报 
client .DownloadStringAsync(new Uri(url+city, UriKind.Absolute), 
cbProvince.SelectedItem.ToString()+" "+tcity); 
cbProvince.IsEnabled= false; 


lsCities.IsEnabled-false; 


} 
private void cbProvince SelectionChanged (object sender, 
SelectionChangedEventArgs e) 
{ 
// 省 份 变化 时 重新 绑 定 城市 列表 到 1scities 控件 
if(cbProvince.SelectedIndex>=0) 
lsCities.ItemsSource-zones.provinces[cbProvince. 
SelectedIndex].cities; 


else lsCities.ItemsSource-null; 
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值得 注意 的 是 查找 天 气 图 标的 语句 : 


KeyValuePair<String, String>obj=icons.FirstOrDefault (x=>x.Key. 


IndexOf (w.type) >=0 || w.type.IndexOf (x.Key) >=0); 


其 中 x. Key. IndexOf(w. type) J&fE icons 中 查找 包含 w. type 字样 的 一 个 项 ,而 w. type. 
IndexOf(x. Key) 是 在 w. type 中 查找 是 否 包含 icons 中 的 一 个 项 ,它们 中 的 任何 一 项 成 
立时 就 确定 一 个 天 气 图 标 。 


16.4 拓展 训练 


这 个 天 气 预报 程序 是 一 个 WPF 窗 体 程序 ,实际 上 也 可 以 类 似 地 做 一 个 网 页 版 的 天 
气 预 报 程 序 , 以 Web 目录 为 网 站 ,在 Web 下 建立 icons 目录 ,把 图 标 文件 放 在 icons 中 ， 
在 Web 中 添加 一 个 网 页 文件 Default. aspx。 

1. 界面 设计 


Default. aspx 是 界面 程序 ,界面 包括 一 个 省 份 下 拉 列 表 框 与 城市 下 拉 列 表 框 ,同时 包 
含 一 个 可 以 实现 数据 重复 显示 的 DataList 控件 ,用 来 显示 多 天 的 天 气 预报 数据 。 
Default. aspx 界面 中 主要 包含 的 控件 功能 如 表 1-2 所 示 。 
表 1-2 界面 控件 功能 
功能 说 明 


绑 定 省 份 的 列表 , 当 省 份 发 生变 化 时 触发 SelectionChanged 事件 ， 
获取 该 省 份 下 辖 的 所 有 城市 , 绑 定 城市 到 cbCity 控件 


绑 定 城市 的 列表 , 当 城 市 发 生变 化 时 触发 SelectionChanged 事件 ， 
获取 该 城市 的 天 气 预 报 数据 ,把 天 气 预报 数据 绑 定 到 list 控件 


控件 类 型 控件 ID 


DropDownList cbProvince 


DropDownList cbCity 


这 个 控件 包含 一 个 二 ItemTemplate 二 的 数据 模板 ,其 中 包含 一 天 
的 天 气 预报 数据 ,用 DataList 实现 模板 的 重复 显示 ,从 而 显示 出 
几 天 的 天 气 预报 数据 


DataList list 


程序 采用 网 络 异 步 操作 ,因此 要 设置 Async 为 true,Default. aspx 界面 程序 如 下 : 


<%@ Page Language="C# " AutoEventWireup="true" CodeFile="Default.aspx.cs" 
Inherits-" Default" Async-"true" %> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www. 
w3.org/TR/xhtmll/DTD/xhtmll-transitional.dtd"» 
<html xmlns="http://www.w3.org/1999/xhtm1"> 
<head runat="server"> 
<title></title> 
</head> 
<body> 
<form id="myform" runat="server"> 


<div> 
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48 (fj «asp:DropDownList ID="cbProvince" runat="server" AutoPostBack="true" 
onselectedindexchanged="cbProvince SelectedIndexChanged" 
ondatabound="cbProvince DataBound"></asp:DropDownList> 

城市 <asp:DropDownList ID-"cbCity" runat="server" AutoPostBack="true" 
onselectedindexchanged="cbCity SelectedIndexChanged" 
ondatabound-"cbCity DataBound"></asp:DropDownList> 

选择 城市 <asp:Label ID="selectedCity" runat="server" /> 

</div> 

<p></p> 

<div> 

<asp:DataList ID="list" runat="server" RepeatColumns="5" 

RepeatDirection-"Horizontal" RepeatLayout-"Table" Font-Size="12px"> 

<ItemTemplate> 

<asp:panel Width="168" runat="server"> 
<asp:Label ID="date" runat="server" Text='<%# Eval ("date") %>' /><br /> 
<asp:Label ID="week" runat="server" Text='<%# Eval ("week") %>' /><br /> 
<asp:Label ID="curtemp" runat="server" Text='<%# Eval ("curtemp") %>' /> 
<br /> 
<asp:Label ID-"aqi" runat="server" Text='<%# Eval ("aqi")%>' /><br /> 
<asp:Label ID-"lowtemp" runat="server" Text='<%# Eval ("lowtemp") %>' /> 
<br /> 
<asp:Label ID="hightemp" runat="server" Text='<%# Eval ("hightemp")%>!' /> 
<br /> 
<asp:Label ID-"fengxiang" runat="server" Text='<%# Eval ("fengxiang") 
$»' /><br /> 
<asp:Label ID-"fengli" runat="server" Text='<%# Eval("fengli") %>' /> 
<br /> 
<asp:Label ID- "type" runat="server" Text='<%# Eval ("type") %>' /><br /> 
<asp:Image ID="icon" runat="server" Width-"50" Height="50" ImageUrl 
='<%# Eval ("icon") %>' /><br /> 

</asp:panel> 

</ItemTemplate> 

</asp:DataList> 

</div> 

<asp:Label ID="msg" runat="server" /> 

</form> 

</body> 
</html> 


2. 程序 设计 


程序 在 启动 时 先 调用 getZones 函数 获取 省 份 与 城市 的 数据 列表 zones, 调 用 getIcon 
函数 获取 图 标 字 典 icons, 然 后 把 省 份 列表 绑 定 到 cbProvince. 然后 执行 cbProvince - 
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DataBound 函数 ,获取 省 份 并 获取 城市 , 绑 定 城市 列表 到 cbCity. 然后 执行 cbCity _ 
DataBound 函数 ,获取 城市 ,然后 调用 getForecast 获取 天 气 预 报 数据 。 注意 在 
getForecast 中 异步 调用 网 络 下 载 函 数 DownloadStringAsync, 当 异 步调 用 完成 后 执行 
DownloadStringCompleted 函数 ,在 此 函数 中 解析 天 气 预报 数据 ,获取 多 天 的 天 气 预 报 数 
据 列 表 , 绑 定 到 DataList 控件 上 ,完成 天 气 预 报 数据 显示 。Default. aspx. cs 文件 如 下 : 


using System; 

using System.Collections.Generic; 

using System.Linqg; 

using System.Web; 

using System.Web.UI; 

using System.Web.UI.WebControls; 

using System.Net; 

using System.Text; 

using System.IO; 

using System.Runtime.Serialization.Json; 

public class WeatherDataClass 

{ 
public String curTemp { get; set; } 
public String aqi { get; set; } 
public String date { get; set; } 
public String week { get; set; } 
public String fengxiang { get; set; } 
public String fengli { get; set; } 
public String hightemp { get; set; } 
public String lowtemp { get; set; } 
public String type { get; set; } 
public String icon { get; set; } 

} 

public class WeatherCityClass 

{ 
public String city { get; set; } 
public String cityid { get; set; } 
public WeatherDataClass today { get; set; } 
public List<WeatherDataClass>forecast { get; set; } 

} 

public class WeatherClass 

{ 
public int errNum { get; set; } 
public String errMsg { get; set; } 
public WeatherCityClass retData { get; set; } 

} 

public class ProvinceClass 

{ 


} 
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public String province { get; set; } 


public List<String>cities { get; set; } 


public class ZoneClass 


{ 


} 


public partial class Default : 


{ 


public List<ProvinceClass>provinces { get; set; } 


WebClient client; 


System.Web.UI.Page 


String url-"http://apis.baidu.com/apistore/weatherservice/recentweathers? 


cityname="; 


Dictionary<String, String>icons; 


ZoneClass zones; 


void getWeatherItem(WeatherDataClass w) 


{ 


} 


// 查 询 天 气 图 标 
if(w.type !=null) 
{ 


KeyValuePair<String, String>obj=icons.FirstOrDefault (x=>x.Key. 
IndexOf (w.type)>=0 || w. type. IndexOf (x.Key)>=0); 
if (!obj.Equals(null)) w. 


} 
else w.icon-null; 


w.curTemp =" 现在 温度 : 


w.aqi =" 空 气 指数 : 
w.date =" 日 期 : 
w.week =" 星 期 : 


w.hightemp =" 最 高 温度 : 
w.lowtemp =" 最 低温 度 : 
w.fengxiang=" 风 向 : 
w.fengli =" 风 力 : 
w.type =" 天 气 状况 : 


void getIcons() 


{ 


"+w.curTemp; 
"tw.agi; 
"*w.date; 
"+w.week; 
"+w.hightemp; 
"+w.lowtemp; 
"+w.fengxiang; 
"tw.fengli; 


"+w.type; 


icons-new Dictionary<string, string» (); 
icons .Add ("Hij", "a 0.gif"); 
icons.Add("£ zz", "a_l.gif"); 
icons.Add("BA", "a 2.gif"); 
icons .Add ("阵雨 ", "a 3.gif"); 

icons .Add ("雷阵雨 "， "a 4;gif"); 

icons .Adad(" 雷 阵雨- 冰雹"， "Ta Suge Ey; 
icons.Add("WMXH", "a_6.gif"); 


icon="icons\\"+obj.Value; 
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icons .Add ("hÑ ", "a 7.gif"); 
icons.Add("'PHij", "a 8.gif"); 
icons.Add(" XH", "a 9.gif"); 
icons .Add ("暴雨 ", "a 10.gif"); 
icons.Add(" 大 暴雨 "， "a TogiE™) 
icons .Add(" 特 大 暴雨 "， "a 12:git"); 
icons.Add("#H", "a 13.gif"); 
icons .Add ("h3 .gif"); 
icons.Add ("Ps 
icons.Add("X 
icons .Rdd ("3 = 
icons.Add("%", "a 18.gif"); 
icons .Add ("if "a 19.gif"); 
icons .Add ("沙尘暴 "， "a 20.gif"); 
icons.Add(" 小 雨 - 中 
icons.Add("'PHj- XWij", "a 22.gif"); 
icons.Add("XHi-4ÉWij", "a 23.gif"); 
icons .Rdd(" 暴 雨 - 大 暴雨 "， "a 24.gif"); 
icons .add(" 大 暴雨 -特大 暴雨 "，"a_25.gif")， 
icons .Add (" 小 雪 - 中 雪 "，"a_26.gif")， 
icons.Add("PH-KA", "a 27.gif"); 
icons.Add ("KĘ - AES", "a 28.gif"); 
icons.Add("if/E", "a 29.gif"); 
icons.Add("djib", "a 30.gif"); 

icons .Add(" 强 沙尘暴 "， "a. 31,git") > 


yl 
sgitf"ys 
sgitf"); 


p "a 25.9 f"); 


} 


void getZones() 


if 
zones=new ZoneClass 
{ 
provinces=new List<ProvinceClass> 
{ 
new ProvinceClass { province="H4# ili", cities=new List 
<string> { "北京 ", "EM", "KM", "HE" }), 
new ProvinceClass { province-"J fk", cities=new List 
«string» ( "广州 "，" 深 圳 "，" 珠 海 "，" 惠 州 " } } ， 
new ProvinceClass { province=" 贵 州 "， cities=new List 
<string>{ "SEH", "ABE", "NUS, "遵义 " | 
} 
ie 
} 
T deserialize<T> (String s) 
{ 


byte[] bu£-Encoding.UTF8.GetBytes (s); 
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MemoryStream ms=new MemoryStream (buf); 
DataContractJsonSerializer json-new DataContractJsonSerializer 
(typeof (T)) ; 
T obj- (T) json.ReadObject (ms) ; 
return obj; 
} 
protected void Page Load(object sender, EventArgs e) 
{ 
msg.Text-""; 
selectedCity.Text-""; 
getIcons(); 
getZones(); 
client=new WebClient(); 
client.DownloadStringCompleted-*-new 
DownloadStringCompletedEventHandler (client DownloadStringCompleted); 
client.Encoding-Encoding.UTF8; 
client.Headers ["apikey"] s 
if(!Page.IsPostBack) 
{ 


// 绑 定 省 份 列表 到 cbProvince 控件 
cbProvince.DataSource-zones.provinces.Select (x=>x.province) ; 


cbProvince.DataBind(); 


} 
void client_DownloadStringCompleted (object sender, 
DownloadStringCompletedEventArgs e) 
T 
if(e.Error--null) 
{ 
WeatherClass ws=deserialize<WeatherClass> (e.Result); 
if(ws.errNum--0) 
{ 
List<WeatherDataClass>wList=new List<WeatherDataClass> (); 
// 绑 定数 据 到 第 一 天 的 显示 控件 
wList.Add(ws.retData.today); 
for (int i=0; i«ws.retData.forecast.Count; i++) 
wList.Add(ws.retData.forecast[i]); 
for (int i-0; i«wList.Count; i++) getWeatherItem(wList[i]); 
list.DataSource-wList; 
list.DataBind(); 
selectedCity.Text-e.UserState.ToString(); 
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else msg.Text-ws.errMsg; 
H 
else msg.Text-e.Error.Message; 
} 
protected void cbProvince SelectedIndexChanged (object sender, EventArgs e) 
{ 
// 省 份 变化 时 重新 绑 定 城市 列表 到 1scities 控件 
if(cbProvince.SelectedIndex>=0) 
cbCity. DataSource= zones. provinces [cbProvince.SelectedIndex]. 
cities; 
else cbCity.DataSource-null; 
cbCity.DataBind(); 
} 
protected void cbCity SelectedIndexChanged (object sender, EventArgs e) 
t 
getForecast(); 
} 
void getForecast () 
{ 
if (cbCity.SelectedIndex>=0) 
{ 
String city-cbCity.SelectedItem.ToString(); 
// 查 找 city 的 天 气 预报 
try 
{ 
client. DownloadStringAsync (new Uri (url + city, UriKind. 
Absolute),city); 
} 


catch(Exception exp) { msg.Text=exp.Message; } 


} 
protected void cbProvince DataBound (object sender, EventArgs e) 
{ 
cbProvince SelectedIndexChanged (sender, e); 
} 
protected void cbCity DataBound (object sender, EventArgs e) 
{ 


getForecast(); 


H 
其 中 ,在 client. Headers| "apikey" ] = "+++ "中 要 使 用 自己 的 apikey 值 。 
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1. 建立 一 个 学 生 类 StudentClass, 包 括 学 号 SNo 及 姓名 sName, 完 成 下 列 操作 : 

CD 创建 一 个 学 号 为 1001, 姓 名 为 “ 张 三 ” 的 学 生 对 象 , 分 别 写 出 这 个 对 象 XML 系列 
化 与 JSON 序列 化 的 字符 串 。 

(2) 创建 包含 3 个 学 生 的 对 象 列 表 , 它 们 的 学 号 和 姓名 分 别 是 ("1001"," 张 三 ")， 
("1002"," 李 四 "),("1003"," 王 五 ") ,分 别 写 出 这 个 列表 XML 序列 化 与 JSON 序列 化 的 
字符 串 。 

2. 有 一 个 XML 字符 串 如 下 : 


<?xml version-"1.0"?» 
<ZoneClass> 
<provinces> 
<ProvinceClass> 
«province» fífiiili «/province» 
«cities» 
<string> JEH «/string» 
«string» bif«/string» 
«string» Xli«/string» 
«string» HK «/string» 
</cities> 
</ProvinceClass> 
<ProvinceClass> 
«province»] #< /province> 
<cities> 
<string> J N</string> 
<string> 深 圳 </string> 
<string> 珠 海 </string> 
</cities> 
</ProvinceClass> 
<ProvinceClass> 
<province> 贵 州 </province> 
<cities> 
<string> 贵 阳 </string> 
<string> 六 枝 </string> 
<string> 兴 义 </string> 
</cities> 
</ProvinceClass> 
</provinces> 


</ZoneClass> 


试 编写 适当 的 ProvinceClass 类 与 ZoneClass 类 ,并 编写 反 序 列 化 函数 把 这 个 字符 串 
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反 序 列 化 成 对 应 类 的 对 象 。 
3. 有 一 个 JSON 字符 串 如 下 : 


[t" cities": "JER", "EW", "A HE", "EX "], "province":" Efi"), 
("cities": ["] JH " , "深圳 " "HE", "惠州 "] "province":"] f"), 
("cities":["S9t[H", "ARK", "XX", "jf Y."],"province":"$t/4 ")] 


试 编写 适当 数据 类 ,并 编写 反 序列 化 函数 把 这 个 字符 串 反 序列 化 成 对 应 类 的 对 象 。 
4. 已 知 一 个 学 生 类 


public class Student 
í 
public Name { get; set; } 
public Sex { get; set; } 
} 


如 果 有 一 个 学 生 列 表 对 象 students 如 下 : 


List<Student>students=new List<Student> 

{ 
new Student {Name=" 张 一 ", Sex="F"}, 
new Student {Name=" 张 二 ", Sex=" 女 "}， 
new Student {Name=" 张 三 ", Sex=" 男 "}， 
new Student {Name=" 张 四 ", Sex=" 女 "} 

E 


请 编写 程序 获取 所 有 的 女生 名 单 , 并 把 名 单 序列 化 成 一 个 JSON 字符 串 。 
5. 一 个 学 生 数 据 库 的 students 表 存 储 了 学 生 学 号 (SNO) 与 姓名 (SNAME) ,例如 ; 


学 号 姓 名 
1001 张 三 
1002 李 四 


(1) 设计 服务 器 以 JSON 的 格式 返回 所 有 学 生 的 学 号 与 姓名 : 


(students: [{"sno":"1001", "sname":"3K — ") , ("sno":"1002", "sname":" 李 四 "}， 
jeg 

设计 客户 程序 是 一 个 WPF 窗 体 程 序 ,解析 出 学 号 与 姓名 并 用 表格 的 形式 显示 。 
(2) 设计 服务 器 以 XML 的 格式 返回 所 有 学 生 的 学 号 与 姓名 ,例如 : 
<students> 


<student><sno>1001</sno><sname> 张 三 </sname></studnet> 


<student><sno>1002< /sno><sname> 李 四 </sname></studnet> 
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</students> 


设计 客户 程序 是 一 个 ASP. NET 网 页 程序 ,解析 出 学 号 与 姓名 并 用 表格 的 形式 
显示 。 

6. 百度 API Store 中 还 有 很 多 日 常生 活 中 有 用 的 接口 服务 ,其 中 手机 归属 地 查询 就 
是 一 个 。 编 写 一 个 程序 调用 这 个 服务 ,输入 一 个 手机 号 码 , 显 示 该 手机 是 归属 哪个 省 份 
哪个 城市 的 。 


m Item 
项 H = I 


AE T Web 的 图 片 共 享 程序 


网 络 图 片 共 享 程序 主要 由 服务 器 程序 与 客户 端 程序 组 成 ,服务 器 程序 是 一 个 网 页 程 
序 , 其 功能 是 管理 数据 库 中 的 图 片 ,完成 与 客户 端的 交互 。 客 户 端 功能 是 用 WPF 窗 体 的 
形式 浏览 和 管理 服务 器 中 的 图 片 。 程 序 结构 如 图 2-1 所 示 , 客 户 端 与 服务 器 主要 通过 
XML 格式 的 数据 进行 交互 。 

客户 端 程序 连接 服务 器 后 可 以 浏览 到 服务 器 中 所 有 用 户 共享 的 图 片 , 如 图 2-2 所 示 。 
如 果 要 管理 图 片 ,可 右 击 列表 控件 ,弹出 一 个 菜单 执行 登录 操作 ,如 图 2-3 所 示 。 用 户 登 
录 后 可 以 对 自己 的 图 片 进行 增加 、 删 除 .共享 等 操作 ,如 图 2-4 所 示 。 只 有 标 上 共享 标志 
的 图 片 才能 被 其 他 用 户 浏览 ,没有 共享 的 图 片 是 本 用 户 私密 的 ,其 他 用 户 无 权 浏 览 。 用 
户 登录 后 也 只 能 管理 自己 的 图 片 ,无 权 管 理 别 的 用 户 的 图 片 ,如 图 2-5 所 示 。 


XML 
Internet 


ASP.NET 服 务 器 WPF 客 户 端 
2-1 程序 结构 


http://localhost/web/ImageServer.a 


图 2-3 弹出 菜单 图 2-4 登录 窗 体 
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http://localhost/web/ImageServer.a 


图 2-5 设置 图 片 共享 


21 APERIRE 
2.1.1 案例 展示 


设计 服务 器 程序 管理 用 户 的 登录 或 者 注册 ,设计 客户 端 完成 用 户 信息 的 提交 ,服务 
器 获取 用 户 信 息 后 返回 给 客服 端 , 如 图 2-6 所 示 。 
212 技术 要 点 


me [ARB | 


1. 用 户 信 息 


EE leee | 

客户 端 要 向 服务 器 传递 用 户 的 名 称 uName 与 密码 uPass || EEE] Ases 
信息 ,这 些 信息 可 以 放 在 地 址 后 面 传递 ,如 果 url 是 服务 器 的 
地 址 ,那么 地 址 格式 为 


2-6 用 户 信息 发 送 


url+"?uName="+uName+"&uPass="+uPass 


参数 通过 地 址 传输 给 服务 器 ,服务 器 通过 Response 对 象 获取 uName 与 uPass 的 值 ,函数 
如 下 : 


public void ProcessRequest (HttpContext context) 

{ 
String uName-context.Response.QueryString["uName"]; 
String uPass=context.Response.QueryString["uPass"]; 


} 


这 个 方法 对 于 一 般 的 用 户 数据 都 是 可 行 的 ,但 是 也 有 例外 ,如 果 用 户 信息 包含 特殊 
符号 ,例如 uName="A8-B" X uPass="123" ,就 会 出 现 问题 。 因 为 地 址 后 面 的 参数 是 用 
&& 分 隔 的 ,对 应 出 现 


url+"?uName=A&BéuPass=123" 


这 样 的 地 址 ,服务 器 解析 出 来 的 uName 值 是 "A" 而 不 是 "A&B" ,这 样 就 出 现 错误 了 。 
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为 了 防止 这 种 错误 的 发 生 , 一 般 地 址 参数 要 用 函数 进行 编码 与 解码 ,例如 使 用 
UrlEncode 与 UrlDecode 函数 编码 与 解码 ,也 可 以 自己 定义 编码 与 解码 函数 。 由 于 
UrlEncode 与 UrlDecode 函数 是 定义 在 System. Web 空间 的 Server 服务 器 对 象 中 的 ,在 
客户 端 使 用 不 方便 ,因此 本 节 采 用 自己 设计 的 编码 与 解码 函数 。 

一 种 简单 的 编码 方法 是 把 字符 串 按 UTES 编码 转 为 二 进 制 数据 ,然后 把 二 进 制 数 据 
变 成 两 位 一 组 的 字符 串 ,根据 这 个 规则 编写 编码 函数 encode 如 下 : 


String encode (String s) 
{ 
if(s==null) return s; 
byte[] buf-Encoding.UTF8.GetBytes (s); 
sonny 
foreach (byte b in buf) s=s+b.ToString ("X2"); 
return s; 


) 


例如 ,"A&B" 的 字符 串 编码 为 "412642"。 如 果 要 解码 ,就 把 字符 串 每 两 个 字符 为 一 
组 取出 来 转 为 二 进 制 数据 ,再 通过 UTF8 编码 规则 转 为 字符 串 即 可 ,解码 函数 decode 
如 下 : 


String decode (String s) 
{ 
if(s--null) return s; 
byte[] buf=new byte[s.Length / 2]; 
for (int i20; i«buf.Length; i++) 
buf [i] =byte. Parse (s. Substring (2 * i, 2), System. Globalization. 
NumberStyles.HexNumber) ; 
return Encoding.UTF8.GetString (buf); 
} 


执行 decode("412642") 就 是 "A&B"。 有 了 这 样 的 编码 与 解码 函数 ,用 户 信息 的 传 
递 可 以 改 为 
url+"?uName="+ encode (UName)+"&uPass="+decode (uPass) 


服务 器 获取 uName 与 uPass 后 要 用 decode 进行 解码 : 


String uName=decode (context.Response.QueryString["uName"]); 


String uPass-decode (context.Response.QueryString["uPass"]); 


由 于 编码 后 的 字符 串 中 只 包含 通常 的 数字 与 AF 的 几 个 英文 字符 ,因此 传递 保证 
是 安全 的 。 


2. 结果 返回 
如 果 要 知道 服务 器 是 否 正确 获取 了 客户 端 提交 的 用 户 信息 ,可 以 设计 一 个 信息 类 来 


5; 
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返回 服务 器 的 结果 ,这 个 类 ResultClass 如 下 : 


public class ResultClass 

i 
public String state ( get; set; ) 
public String message { get; set; } 


} 
其 中 state 是 结果 的 状态 ,如 果 操 作成 功 则 state 为 success ,否则 为 error, Mi message 为 
操作 结果 的 字符 串 ,本 程序 用 于 提交 用 户 的 姓名 与 密码 信息 。 

由 于 客户 端 采用 WebClient 的 异步 函数 DownloadStringAsync 来 提交 信息 ,因此 服 
务 器 返回 结果 时 会 触发 预先 设置 好 的 异步 回调 函数 client_DownloadStringCompleted, 在 这 
个 函数 中 就 可 以 通过 e. Result 获取 服务 器 的 返回 值 。 


2.1.3 ”服务 器 程序 


创建 服务 器 程序 的 过 程 如 下 : 

(1) 启动 Visual Studio, 新 建 一 个 项 目 , 选 择 “ 其 他 类 型 项 目 ” 中 的 “Visual Studio fff 
决 方案 ”, 然 后 再 次 选择 “空白 解决 方案 ”, 选 择 一 个 工作 目录 (例如 C:\book), 输 入 解决 
方案 的 名 称 ( 例 如 ImageServer) ,如 图 2-7 所 示 。 选 择 好 后 单 击 “ 确 定 ” 按 钮 ,在 解决 方案 
管理 器 中 就 可 以 看 到 ImageServer 的 解决 方案 。 


NET Framework 45 ~ t EE JE 搜索 已 安装 模板 (Ctrl+6) 


Visual Studio 解决 方案 388 Visual Studio 解决 方案 


创建 不 包 言 项 目的 空 解决 方案 
Office/SharePoint 


Cloud 
LightSwitch 
Reporting 
Silverlight 
WCF 
Windows Phone 
Workflow 
mist 
b Visual C++ 
b Visual F# 
SQL Server 
TypeScript 
> JavaScript 
Python 
4 SURED 
E f 
Visual Studio 解 天 方案 _ 


> 联机 


lImageServer| 


IC\book\ 
; [imageSever 


2-7 ”建立 解决 方案 


(2) 由 于 序列 化 与 反 序 列 化 函数 、 编 码 与 反 编 码 函 数 等 要 反复 使 用 ,为 了 简单 起 见 ， 
可 以 把 这 些 函 数 做 成 一 个 DLL 动态 库 。 右 击 解决 方案 资源 管理 器 中 的 “解决 方案 
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ImageServer”, 弹 出 快捷 菜单 ,选择 “添加 ”一 “新 建 项 目 ”, 弹 出 “添加 新 项 目 ” 对 话 框 ,选择 
“类 库 ”, 在 名 称 中 输入 MyDLL, 如 图 2-8 所 示 。 确 定 后 就 在 解决 方案 中 增加 了 一 个 
MyDLL 的 项 目 。 


.NET Framework 4.5 — - | 排序 依据 : | 默认 值 三 | 搜索 已 安装 模板 (| 户 ~ 


b 最 近 
E i er vuce se vi ce 
: 


> Visual Basic i 用 于 创建 C# 类 库 (.dl) 的 项 目 
4 Visual C# Visual C# 
Windows 应 用 商店 
Windows Visual C# 
b Web 
> Office/SharePoint Visual C# 
Cloud 
LightSwitch Visual C# 
Reporting 
Silverlight Visual C# 
WCF 


Na 


上 联机 
BARN): Mypu 
[iu (84 C\book\ImageServer td 


图 2-8 建立 MyDLL 库 


(3) 再 次 右 击 MyDLL, 弹 出 快捷 菜单 ,选择 “添加 ”一 “类 ”命令 ,在 MyDLL 中 建立 一 
个 类 My, 在 这 个 类 中 封装 了 encode 编码 函数 与 decode 解码 函数 ,同时 还 封装 了 serialize 
的 XML 序列 化 函数 与 deserialize 的 反 序列 化 函数 ,My 类 设计 如 下 : 


namespace MyDLL 
{ 
public class My 
{ 
public static String encode (String s) 
{ 
if(s--null) return s; 
byte[] buf=Encoding.UTF8.GetBytes(s); 
s=""; 
foreach (byte b in buf) s=s+b.ToString ("X2"); 
return S; 
} 
public static String decode (String s) 
{ 
if(s--null) return s; 
byte[] buf=new byte[s.Length / 2]; 
for (int i=0; i<buf.Length; i++) 
buf[i]-byte.Parse (s.Substring(2 * i, 2), System.Globalization. 
NumberStyles.HexNumber); 
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return Encoding.UTF8.GetString (buf) ; 

} 

public static String serialize«T» (T obj) 

{ 
XmlSerializer xml-new XmlSerializer (typeof (T)); 
MemoryStream ms=new MemoryStream(); 
xml.Serialize(ms, obj); 
String s-Encoding.UTF8.GetString (ms.ToArray()); 
return s; 

) 

public static T deserialize<T> (String s) 

{ 
XmlSerializer xml=new XmlSerializer (typeof (T)); 
byte[] buf=Encoding.UTF8.GetBytes(s); 
MemoryStream ms=new MemoryStream (buf); 
T obj=(T)xml.Deserialize (ms); 


return obj; 


} 


(4) 返回 信息 类 ResultClass 是 服务 器 与 客户 端 传递 信息 的 一 个 重要 结构 ,为 了 实现 
对 它 的 封装 ,仿照 建立 MyDLL 与 My 类 的 方法 ,在 解决 方案 管理 器 中 再 次 建立 一 个 名 称 
为 Model 的 类 库 ,在 这 个 类 库 中 建立 ResultClass 类 如 下 : 


namespace Model 
{ 
public class ResultClass 
{ 
public String state { get; set; } 
public String message { get; set; } 


i 解决 方案 资源 管理 器 vox 
: ood|e-ed|»-" 
(5) 再 次 右 击 “解决 方案 ImageServer”, 弹 出 快捷 | 搜索 多 方案 光源 管理 器 (Ctrl+;)) P7 
Si Se ABR TED 
站 D: web 添加 到 项 目 中 。 4" A 
(6) 再 次 右 击 web 网 站 ,弹出 快捷 菜单 ,选择 “ 添 P Sl 用 
加 新 项 "命令 ,弹出 对 话 框 ,选择 "一 般 处 理 程序 ”, 在 该 | ， 回 WO S 
网 站 下 增加 一 个 名 称 为 ImageServer. ashx 的 程序 ,处 b £ Properties 


理 完 后 , 服务 器 中 的 解决 方案 资源 管理 器 如 图 2-9 pe eve 


v 


2 b & My.cs 
所 示 。 4 @web 
CD 为 了 让 web 中 的 ImageServer. ashx 使 用 My mageSemverashe 


类 与 ResultClass 类 ,再 次 右 击 web 网 站 ,弹出 快捷 菜 图 2-9 服务 器 程序 结构 
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单 , 选 择 “ 添 加 ”一 “引用 ”命令 ,弹出 “引用 管理 器 ”对 话 框 ,选择 项目”, 勾 选 MyDLL 和 
Model 后 确定 ,如 图 2-10 所 示 。 


搜索 解决 方案 (Ctrl+E) P- 


名 称 : 
Model 


C:\book\ImageServer\MyDLL\MyL 


2-10 添加 引用 


然后 在 ImageServer. ashx 程序 的 开头 部 分 写 上 下 列 两 句 ,这 样 ImageServer. ashx 
中 就 可 以 使 用 My 与 ResultClass 类 了 : 


using MyDLL; 


using Model; 


(8) 编写 ImageServer. ashx 程序 ,该 程序 读 取 客 户 端 传递 来 的 uName 5j uPass 用 户 
名 称 与 密码 ,然后 再 返回 给 客户 端 ,程序 如 下 : 


<%@WebHandler Language="C# " Class="ImageServer" %> 
…// 省 略 using 的 部 分 代码 
using MyDLL; 
using Model; 
public class ImageServer : IHttpHandler 
{ 
public void ProcessRequest (HttpContext context) 
t 
ResultClass res=new ResultClass (); 
try 
{ 
String uName-My.decode (context.Request.QueryString["uName"]); 
String uPass-My.decode (context.Request.QueryString["uPass"]); 
res.state-"success"; 
res.message=uName+","+uPass; 
} 
catch (Exception exp) 
{ 
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res.state-"error"; res.message-exp.Message; 
} 
context.Response.ContentType-"text/plain"; 
context.Response.Write(My.serialize«ResultClass» (res)); 
context.Response.Flush(); 


} 
public bool IsReusable 


{ 


get{ return false; } 


} 


(9) 全 部 程序 编写 好 后 ,执行 “重新 生成 解决 方案 ”命令 ,就 可 以 看 到 在 web 下 建立 
了 一 个 Bin 的 文件 夹 ,而 且 生成 的 MyDLL. dll 与 Model. dll 动态 库 就 存放 在 这 个 文件 夹 
中 。 在 浏览 器 中 输入 http://localhost/web/ImageServer. ashx 地 址 进行 测试 ,可 以 看 到 
图 2-11 所 示 的 结果 。 


D localhost/web/Ima x V—3 
€ > C [localhost/web/ImageServer.ashx 7| = 


X?xnl version-"l. 0*7» 

<ResultClass xmlns: xsi="http: // ww. w3. org/2001/XMLSchema- 

instance" xmlns:xsd="http: //www. w3. org/2001/XHLSchema”> 
<state>success</state> 

</ResultClass> 


2-11 测试 结果 


2.1.4 客户 端 程序 


客户 端 程序 ImageClient 设计 成 WPF 窗 体 程序 ,主要 包含 界面 设计 与 程序 代码 设计 
两 个 部 分 。 


1. 界面 设计 


客户 端的 界面 很 简单 ,在 WPF 程序 的 窗 体 上 放 一 个 名 为 txtUser 的 文本 框 用 于 输 
和 人 用户 名 ,一 个 名 为 txtPass 的 密码 框 用 于 输入 密码 ,一 个 名 称 为 txtMsg 的 TextBlock, 
再 放 一 个 名 为 btLogin 的 按钮 Button 实现 注册 与 登录 ,主要 XAML 代码 如 下 : 


<TextBox x:Name-"txtUser" Text-"xxx" HorizontalAlignment="Left" Height= 
"23" Margin="42,15,0,0" TextWrapping="Wrap" VerticalAlignment="Top" Width= 

"SO" 7> 

<PasswordBox x:Name-"txtPass" Password-"123" HorizontalAlignment="Left" 
VerticalAlignment="Top" Margin="42,43,0,0" Width="50"/> 

«Button x: Name =" btLogin" Content =" # 2%" HorizontalAlignment =" Left" 
VerticalAlignment="Top" Width="49" Margin="10, 67, 0,0" Click="btLogin _ 
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Click"/> 


< TextBlock HorizontalAlignment =" Left" Text =" 结 果 " x: Name =" txtMsg" 


TextWrapping="Wrap" VerticalAlignment="Top" Margin="68,71,0,0"/> 


2. 程序 设计 


客户 端 采用 WPF 窗 体 结构 ,主要 过 程 如 下 : 
COD 执行 Visual Studio 中 的 "文件 ”一 新建 项 目 ” 命 令 ,弹出 项 目 对 话 框 ,选择 " WPF 
窗 体 程序 ”, 输 入 名 称 ImageClient 后 确定 ,就 建立 了 一 个 oem x 
ImageClient 的 解决 方案 与 项 目 。 cog|e-e 8 hl 
(2) 在 解决 方案 资源 管理 器 中 右 击 “解决 方案 | 搜索 解决 方案 资源 管理 器 (Ctrl D ~ 
ImageClient”, 弹 出 快捷 菜单 ,选择 “添加 ”一 “新 建 项 * 命 
令 , 弹 出 对 话 框 ,选择 “类 库 ”, 输 入 名 称 MyDLL 就 建立 了 


四 | 解决 方案 ImageClient' (3 个 项 
b ImageClient 


= 4 回 Model 
MyDLL 的 项 目 。 在 MyDLL 中 再 建立 一 个 My 的 类 ,结构 > # Properties 
与 服务 器 完全 一 样 。 » o E 
(3) 在 解决 方案 资源 管理 器 中 右 击 “解决 方案 | em you 
ImageClient”, 弹 出 快捷 菜单 ,选择 “添加 ”一 “新 建 项 ” 命 P Æ Properties 
令 , 弹 出 对 话 框 ,选择 “类 库 ”, 输 入 名 称 Model 就 建立 了 |» yes 
Model 的 项 目 。 在 Model 中 再 建立 一 个 ResultClass 的 |4 > 


类 ,结构 与 服务 器 完全 一 样 。 客户 端 建立 了 MyDLL 与 图 2-12 ”客户 端 程序 结构 
Model 后 的 解决 方案 资源 管理 器 结构 如 图 2-12 所 示 。 
(4) Hih ImageClient 项 目 , 弹 出 快捷 菜单 ,选择 “添加 ”一 “引用 ”命令 ,弹出 对 话 框 ， 


与 服务 器 一 样 引 用 MyDLL 与 Model, 然 后 在 ImageClient 中 的 MainWindow. xaml. cs 


程序 开始 部 分 写 上 两 条 引用 语句 : 


using MyDLL; 


using Model; 


(5) 编写 程序 Main Window. xaml. cs, 根 据 前 面 的 分 析 , 客户 端 程序 设计 如 下 (同样 
限于 篇 幅 省 去 了 using System 等 引用 部 分 ) ,重要 的 部 分 都 做 了 注释 。 


…// 省 略 using 的 部 分 代码 
using MYDLL 
using Model; 
namespace ImageClient 
{ 
public partial class MainWindow : Window 
{ 
WebClient client; 
String url="http://localhost/web/ImageServer.ashx"; 
public MainWindow () 
{ 


InitializeComponent (); 
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client-new WebClient () 
client .Encoding=Encoding.UTF8; 
// 设 置 异步 回调 函数 
client.DownloadStringCompleted*-client DownloadStringCompleted; 
} 
void showMsg(String s) 
{ 
MessageBox.Show(s, "Information", MessageBoxButton.OK); 
) 
void client DownloadStringCompleted (object sender, DownloadString- 
CompletedEventArgs e) 
{ 
if (e.Error==null) 
{ 
ResultClass res=My.deserialize<ResultClass> (e.Result); 
if(res.state--"success") 
{ 
txtMsg.Text=res.message; 
} 
else showMsg(res.message) ; 
} 
else showMsg(e.Error.Message); 
} 
private void btLogin Click (object sender, RoutedEventArgs e) 
{ 
String uName=My.encode (txtUser.Text.Trim()); 
String uPass=My.encode (txtPass.Password.Trim()); 
try 
{ 
Uri uri=new Uri (url+"?uName="+uName+"&uPass="+uPass, 
UriKind.Absolute); 
client.DownloadStringAsync (uri); 
) 


catch (Exception exp) ( showMsg (exp.Message); } 


) 


(6) 全 部 程序 编写 好 后 ,执行 “重新 生成 解决 方案 ”命令 ,就 生成 了 ImageClient. exe 
执行 程序 ,而 且 可 以 看 到 生成 的 MyDLL. dll 与 Model. dll 动态 库 就 存放 在 ImageClient. 
exe 所 在 的 这 个 文件 夹 中 。 执 行 客户 端 程序 ,结果 如 图 2-6 所 示 。 


2.1.5 拓展 训练 
实际 上 还 有 一 种 传输 用 户 信息 的 方法 ,就 是 使 用 WebClient 的 UploadValues 函数 ， 


64 qeu essaszixn 


该 函数 原型 如 下 : 
public byte[] UploadValues (Uri uri,String method, NameValueCollection nvc) 


其 中 nve 是 一 个 名 字 / 值 对 。 这 个 函数 在 执行 时 会 自动 把 HTTP 协议 中 的 ContentType 
设置 为 application/ x-www-form-urlencoded, 即 用 表单 的 形式 来 传输 ,因此 可 以 很 方便 地 
传输 各 种 值 , 并 且 不 用 对 值 进 行 编码 。 

使 用 这 个 方法 客户 信息 可 以 这 样 上 传 : 


void btLogin Click(object sender, RoutedEventArgs e) 
{ 
String uName=txtUser.Text.Trim(); 
String uPass=txtPass.Password.Trim(); 
try 
{ 
Uri uri-new Uri (url, UriKind.Absolute); 
NameValueCollection nvc-new NameValueCollection(); 
nvc.Add("uName", uName) ; 
nvc.Add("uPass", uPass) ; 
client.UploadValuesAsync (uri, "POST", nvc); 
) 
catch(Exception exp) ( showMsg(exp.Message); } 


} 


由 于 是 表单 传输 ,所 以 在 服务 器 一 端 可 以 使 用 context. Request. Form 的 形式 来 接收 
各 个 值 : 


public void ProcessRequest (HttpContext context) 
{ 
ResultClass res=new ResultClass(); 
try 
it 
String uName=context.Request.Form["uName"]; 
String uPass=context.Request.Form["uPass"]; 
res.state="success"; 
res.message=uNamet+","+uPass; 
} 
catch (Exception exp) 
{ 
res.state="error"; res.message=exp .Message; 
} 
context .Response.ContentType="text/plain"; 
context .Response.Write (My.serialize<ResultClass> (res) ); 


context .Response.Flush(); 
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其 他 函数 不 用 变化 ,修改 后 的 程序 效果 一 样 。 


22 用 户 注册 与 党 录 


2.2.1 案例 展示 


设计 服务 器 程序 管理 用 户 的 登录 或 者 注册 ,设计 客户 端 完成 用 户 的 注册 或 者 登录 。 
inicie 即 所 输入 的 用 户 名 在 服务 器 中 不 存在 , 则 用 

个 用 户 名 执行 注册 ;如 果 用 户 已 经 存在 , 则 直接 登录 ,如 
: 2-13 所 示 。 


222 技术 要 点 


1. 数据 库 设计 图 2-13 ”用 户 注册 与 登录 


在 服务 器 的 SQL Server 中 建立 数据 库 NetImages, 然 后 在 数据 库 中 建立 users 表 。 
users 表 是 用 户 信息 表 , 有 两 个 字段 : 一 个 是 uName ,为 用 户 名 称 ， 这 是 表 的 关键 字段 ; 另 
外 一 个 是 uPass ,为 用 户 密 码 。 执 行 SQL 命令 : 


create table users 

( 
uName varchar (32) primary key, 
uPass varchar (512) 


) 


2. 数据 库 操作 


按照 3 层 结构 习惯 的 编程 方法 ,把 对 数据 库 的 操作 放 在 数据 访问 层 (DAL 层 ), 具 体 
做 法 如 下 : 

CD 在 解决 方案 管理 器 右 击 解决 方案 ImageServer, 弹出 快捷 菜单 ,选择 “添加 新 项 ” 

令 , 弹 出 添加 新 项 对 话 框 ,再 次 选择 “类 库 ”, 在 名 称 中 输入 DAL 后 确定 。 完 成 后 ,在 解 
决 方案 管理 器 中 可 以 看 到 一 个 DAL 的 项 目 。 

(2) 在 解决 方案 管理 器 中 右 击 DAL, 弹 出 快捷 菜单 ,选择 “添加 类 ”命令 ,在 DAL 中 
增加 一 个 名 称 为 DBHelper 的 类 。DBHelper 类 是 访问 和 执行 数据 库 命令 的 基本 类 , 它 包 
含 了 常用 的 数据 库 操作 ,设计 如 下 : 

namespace DAL 

{ 

public class DBHelper 

{ 
public static String conString="Data Source=localhost; 
Initial Catalog=NetImages; Integrated Security=SSPI; 
MultipleActiveResultSets=true"; 


66 Qrrusesanazan 


private SqlConnection con; 

private SqlCommand cmd; 

public DBHelper (SqlConnection con) 

{ 
con.Open(); 
this.con-con; 
cmd=new SqlCommand(); 
cmd.Connection-con; 

) 

public int executeCommand (String sql) 

{ 
cmd.CommandText=sql; 
cmd.Parameters.Clear(); 
return cmd.ExecuteNonQuery(); 

) 

public int executeCommand (String sql,params SqlParameter[] values) 

{ 
cmd.CommandText-sql; 
cmd.Parameters.Clear(); 
cmd.Parameters.AddRange (values); 
return cmd.ExecuteNonQuery(); 

) 

public SqlDataReader getReader (String sql) 

{ 
cmd.CommandText-sql; 
cmd.Parameters.Clear(); 
SqlDataReader reader- cmd.ExecuteReader(); 
return reader; 

) 

public SqlDataReader getReader (String sql, params SqlParameter[] values) 

{ 
cmd.CommandText-sql; 
cmd.Parameters.Clear(); 
cmd.Parameters.AddRange (values); 
SqlDataReader reader=cmd.ExecuteReader (); 
return reader; 

} 

public SqlDataAdapter getAdapter (String sql) 

{ 
cmd .CommandText=sql; 
cmd.Parameters.Clear(); 
SqlDataAdapter adapter=new SqlDataAdapter (cmd); 


return adapter; 
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public SqlDataAdapter getAdapter (String sql, params SqlParameter [ ] 
values) 
{ 
cmd.CommandText-sql; 
cmd.Parameters.Clear(); 
cmd.Parameters.AddRange (values); 
SqlDataAdapter adapter-new SqlDataAdapter (cmd); 
return adapter; 
) 
public int getScalar (String sql) 
{ 
cmd.CommandText-sql; 
cmd.Parameters.Clear(); 
return (int)cmd.ExecuteScalar(); 


} 
public int getScalar (String sql, params SqlParameter[] values) 
{ 

cmd.CommandText- sql; 

cmd.Parameters.Clear(); 

cmd.Parameters.AddRange (values); 


return(int)cmd.ExecuteScalar(); 


} 


DBHelper 中 conString 是 连接 数据 库 的 字符 串 , 类 中 主要 包括 的 函数 有 执行 SQL 
命令 的 executeCommand 函数 .获取 数据 阅读 器 SqlDataReader 的 getReader 函数 .获取 
数据 适配器 SqlDataAdapter 的 getAdapter 函数 、 获 取 单 值 的 getScalar 函数 。 每 个 函数 
有 两 个 重 载 形式 ,一 个 不 带 参 数 , 另 一 个 可 以 带 任意 多 个 参数 。 


3. 用 户 信息 


用 户 注 册 与 登录 时 提交 用 户 名 称 uName 2 uPass, 除 此 之 外 还 要 提交 一 人 
信息 给 服务 器 表示 执行 用 户 注 册 登 录 操 作 。 这 个 信息 约定 用 opt 参数 的 值 来 表示 , 当 
opt 值 为 loginUser 时 通知 服务 器 执行 用 户 opea 

客户 端 通过 WebClient 的 DownloadString 函数 完成 字符 串 的 上 传 ,主要 代码 如 下 : 


String param="uName="+My.encode (uName) * " &éuPass- "* My.encode (uPass) ; 
Uri uri-new Uri (url+"?opt=loginUser&é"+param, UriKind.Absolute); 


client.DonloadStringAsync (uri); 


其 中 opt= "loginUser" 这 个 参数 通过 地 址 传输 给 服务 器 ,服务 器 检测 这 个 opt 参数 以 便 
做 出 相应 的 登录 操作 。 
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4. 用 户 注 册 登 录 


服务 器 接收 到 客户 端 上 传 来 的 用 户 信息 后 ,就 把 该 用 户 信息 CuName 和 uPass) ffi A 
到 数据 库 表 users 中 ,由 于 uName 是 users 的 关键 字段 ,如 果 插 入 成 功 ,说 明 该 用 户 原来 
不 存在 ,完成 注册 。 如 果 插 入 不 成 功 ,说 明 该 用 户 已 经 存在 ,这 时 再 次 比较 密码 是 否 正 
确 , 如 果 正 确 就 完成 登录 ,如 果 不 正确 就 登录 失败 。 

客户 端 提交 用 户 名 称 uName 与 密码 uPass 后 ,这 些 信息 传递 给 DAL 层 就 可 以 完成 
注册 登录 的 操作 。 在 DAL 再 次 建立 一 个 UserService 类 ,完成 注册 登录 的 操作 ,程序 
如 下 : 


namespace DAL 
{ 
public class UserService 
{ 
public String login(String uName, String uPass) 
{ 
String s="failed"; 
using (SqlConnection con=new SqlConnection(DBHelper.conString) ) 
{ 
DBHelper DB=new DBHelper (con) ; 
SqlParameter pName=new SqlParameter ("80 uName", SqlDbType. 
Char); pName. Value=uName; 
SqlParameter pPass=new SqlParameter ("G8 uPass", SqlDbType. 
Char); pPass.Value-uPass; 
try 
{ 
DB.executeCommand("insert into users values (@ uName, @ 
uPass)", pName, pPass); 
s="registered"; 
} 
catch 
{ 
if (DB.getScalar ("select count(*) from users where uName- 
@uName and uPass=@uPass", pName, pPass)>0) s="logined"; ; 
} 
con.Close(); 
} 


return s; 


5. 结果 返回 
服务 器 端 完成 用 户 注 册 登 录 后 要 返回 一 个 结果 给 客户 端 ,告诉 客户 端 有 没有 正确 完 
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成 这 些 操作 ,是 完成 了 注册 还 是 登录 操作 ,可 以 在 Model 中 设计 一 个 结果 信息 类 


ResultClass 来 表示 这 些 结果 ,这 个 类 如 下 : 


public class ResultClass 

{ 
public String state { get; set; } 
public String message { get; set; } 


} 


其 中 state 是 结果 的 状态 ,如 果 操 作成 功 则 state 为 
success, 和 否则 为 error。 而 message 为 操作 结果 的 字符 
B ,注册 成 功 为 registered, 登 录 成 功 为 logined, 失 败 为 
failed。 


2.2.3 服务 器 程序 


服务 器 程序 网 站 Web 引用 DAL, MyDLL 与 
Model ,全 部 建立 好 后 ,服务 器 中 的 解决 方案 资源 管理 
器 结构 如 图 2-14 所 示 。 

根据 前 面 的 分 析 设 计 ImageServer. ashx 服务 器 ， 
主要 代码 如 下 (限于 篇 幅 , 省 去 了 using System 等 的 引 
用 部 分 ): 


…// 省 略 using 的 引用 代码 部 分 
using Model; 
using MyDLL; 
using DAL; 
public class ImageServer: IHttpHandler 
{ 

HttpContext context; 

String loginUser() 

{ 

// 用 户 注册 与 登录 


解决 方案 资源 管理 器 -ox 
cog|e-eaar” 
搜索 解决 方案 资源 管理 器 (Ctrl+;) P~ 
(a) 解决 方案 ImageServer (4 个 项 目 ) 
4 回 DAL 

b # Properties 

b wa 引用 

b © DBHelper.cs 

b €* UserService.cs 
4 & Model 

> # Properties 

b wa 引用 

b €* ResultClass.cs 
4 回 MyDLL 

b M Properties 

b wa 引用 

b œ My.cs 
4 Q web 

b E Bin 


2-14 ”服务 器 解决 方案 


String uName-My.decode (context.Request.QueryString["uName"]); 


String uPass-My.decode (context.Request.QueryString["uPass"]); 


UserService userService-new UserService(); 


return userService.login (uName, uPass); 


) 


public void ProcessRequest (HttpContext context) 


$ 


this.context=context; 


ResultClass res=new ResultClass { state="success" }; 


String opt-context.Request["opt"]; 
try 
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if (opt=="loginUser") res.message-loginUser(); 
catch (Exception exp) 


// 错 误 信 息 


res.state="error"; res.message-exp.Message; 


// 返 回 result 的 XML 文本 信息 
context.Response.Clear(); 
context.Response.ContentType-"text/plain"; 
context.Response.Write(My.serialize«ResultClass» (res)); 
context.Response.Flush(); 

) 

public bool IsReusable ( 


get { return false; } 


224 客户 端 程序 


客户 端 程序 ImageClient 设计 成 WPF 窗 体 程序 ,主要 包含 界面 设计 与 程序 代码 设计 
两 个 部 分 。 界 面 与 2. 1 节 中 的 几乎 完全 一 样 。 根 据 前 面 的 分 析 , 客 户 端 程序 设计 如 下 
(同样 限于 篇 幅 省 去 了 using System 等 引用 部 分 ) ,重要 的 部 分 都 做 了 注释 。 


…// 省 略 using 的 引用 代码 部 分 
using MyDLL; 
using Model; 
namespace ImageClient 
{ 
public partial class MainWindow : Window 
{ 
WebClient client; 
String url="http://localhost/web/ImageServer.ashx"; 
public MainWindow() 
{ 
InitializeComponent(); 
client-new WebClient(); 
client.Encoding-Encoding.UTF8; 
// 设 置 异步 函数 
client.DownloadStringCompleted*-client DownloadStringCompleted; 
} 
void showMsg(String s) 
{ 


MessageBox.Show(s, "Information", MessageBoxButton. OK); 
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} 
void client_DownloadStringCompleted (object sender, 
DownloadStringCompletedEventArgs e) 
{ 
// 用 户 注册 登录 触发 此 函数 
if(e.Error--null) 
{ 
ResultClass res=My.deserialize<ResultClass> (e.Result); 
if(res.state--"success") txtMsg.Text-res.message; 
else showMsg(res.message) ; 


} 


else showMsg(e.Error.Message); 


} 


private void btLogin_Click (object sender, RoutedEventArgs e) 
{ 
String uName=My .encode (txtUser.Text.Trim()); 
String uPass=My.encode (txtPass.Password.Trim()); 
try 
{ 
Uri uri=new Uri (url+"?opt=loginUseré&uName="+ uName+"&uPass=" 
+uPass, UriKind.Absolute); 
client .DownloadStringAsync (uri); 


) 


catch (Exception exp) { showMsg (exp.Message); } 


} 


在 client_DownloadStringCompleted 函数 中 使 用 e. Error 来 判断 服务 器 的 错误 情 
况 ,如 果 访 问 的 服务 器 网 址 存在 ,使 得 ImageServer. ashx 工作 ,那么 就 不 会 有 错误 ， 
e. Error 为 null。 如 果 ImageServer. ashx 不 工作 ,e. Error 就 会 不 为 null, 此 时 e. Error. 
Message 给 出 错误 信息 。 如 果 网 址 是 正确 的 而 且 ImageServer. ashx 正常 工作 ,由 于 数据 
库 等 原因 造成 错误 ,那么 服务 器 会 抛 出 异常 ,这 个 异常 错误 在 返回 的 信息 res. message 中 
会 体现 。 


2.2.5 拓展 训练 


客户 端 登录 时 提交 用 户 名 称 与 密码 ,实际 应 用 中 密码 在 提交 给 服务 器 时 一 般 做 加 密 
处 理 , 以 防止 密码 在 传输 的 过 程 中 被 窃取 。 一 种 常用 的 加 密 方法 是 MD5 加 密 法 ,具体 来 
说 就 是 把 用 户 输入 的 密码 进行 MD5 加 密 计 算 变 成 另外 一 个 字符 串 ,把 用 户 名 称 与 该 加 
密 字符 串 发 送 给 服务 器 ,服务 器 接收 后 从 数据 库 中 取出 用 户 密码 的 加 密 字 符 串 进行 比较 
来 判断 该 用 户 的 合法 性 。 经 过 MDS 加 密 的 字符 串 就 算 被 甸 取 ,也 不 可 能 解密 出 原 密 码 
字符 串 , 这 样 的 登录 过 程 就 比较 安全 了 。 

MD5 加 密 可 以 使 用 MD5 类 完成 ,其 中 通过 MD5CryptoServiceProvider 类 建立 一 个 
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MDS 对 象 , 调 用 该 对 象 的 ComputeHash PA BM VA £38] — A> — 3 ral BCAA BY HL 3C 
哈 希 值 转 为 十 六 进 制 字符 串 就 是 加 密 字 符 串 ,主要 程序 如 下 : 


String encryptString (String s) 

{ 
MD5 md5- new MD5CryptoServiceProvider(); 
byte[] bu£-Encoding.UTF8.GetBytes (s); 
buf=md5.ComputeHash (buf) ; 


s=""; 
foreach (byte x in buf) s=s+x.ToString ("X2"); 
return s; 


} 
在 使 用 了 MD5 加 密 后 ,客户 注册 登录 函数 修改 如 下 : 


private void btLogin Click(object sender, RoutedEventArgs e) 
{ 
String uName=My.encode (txtUser.Text.Trim()); 
String uPass-My.encode (encryptString(txtPass.Password.Trim())); 
try 
{ 
Uri uri=new Uri (url+"?opt= loginUser&uName="+ uName +" &uPass="+ 
uPass, UriKind.Absolute); 
client.DownloadStringAsync (uri); 


) 


catch (Exception exp) { showMsg (exp.Message); } 


) 


这 样 客户 端 在 注册 登录 时 向 服务 器 提交 的 是 加 密 后 的 密码 字符 串 ,而 不 是 原始 明文 
的 密码 。 


23 图 片上 传 与 存储 


2.3.1 案例 展示 


设计 服务 器 与 客户 端 程序 实现 图 片 的 上 传 ,客户 端 单 击 “ 图 片上 传 ” 按 钮 后 选择 一 张 
图 片上 传 给 服务 器 ,服务 器 接收 此 图 片 并 存储 到 数据 库 中 ， 
同时 返回 该 图 片 的 ID 号 给 客户 端 , 如 图 2-15 所 示 。 


232 技术 要 点 


1. 图 片 数 据 库 表 


首先 在 数据 库 中 建立 一 个 存储 图 片 的 表 images. SQL 
的 建 表 命 令 如 下 : 


2-15 图 片上 传 
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create table images 
( 
ID int identity(1,1) primary key, 
uName varchar (32) foreign key references users (uName), 
iDate varchar (32), 
iFile varchar (256), 
iShared bit not null default 0, 
iData image 


) 
其 中 各 个 字段 的 含义 如 表 2-1 所 示 。 
表 2-1 Images 表 字 段 


字段 名 称 备 注 

ID 自动 增长 列 , 主 键 ,图 片 的 ID 号 

uName 用 户 名 称 , 说 明 该 图 片 归 该 用 户 所 有 

iDate 存储 图 片 的 日 期 时 间 

iFile 图 片 的 名 称 

iShared 图 片 是 否 共享 , 值 为 1 时 共享 ,为 0 时 不 共享 
iDate 图 片 的 二 进 制 数据 


2. 客户 端 图 片上 传 


客户 端 上 传 图 片 时 ,首先 选择 要 上 传 的 图 片 ,获取 图 片 的 名 称 与 二 进 制 数 据 ,确定 图 
片 的 所 有 者 ,然后 把 这 些 数据 上 传 给 服务 器 。WebClient 有 一 个 二 进 制 数据 上 传 函数 
UploadData, 方 法 原型 是 : 


public byte[] UploadData (Uri uri ,Sting method,byte[] data) 


其 中 uri 为 要 上 传 的 地 址 ,method 默认 为 POST,data 为 要 上 传 的 二 进 制 数据 。 在 上 传 
图 片 时 ,除了 要 上 传 图 片 本 身 的 二 进 制 数据 外 ,还 要 上 传 图 片 的 名 称 iFile 与 所 有 者 
uName 等 信息 ,可 以 把 iFile.uName 这 些 信息 附加 在 地 址 栏 上 ,在 附加 时 也 同样 对 它们 
进行 编码 , 即 Uri 地 址 可 以 这 样 创建 : 
Uri uri=new Uri (url+"?opt=uploadImage&uName="+ My.encode (uName) +"&uPass=" 
+My.encode (uPass)+"&iFile="+My.encode(fn), UriKind.Absolute); 
其 中 opt=uploadlmage 告诉 服务 器 执行 上 传 图 片 的 操作 ,uName、uPass.iFile 是 用 户 名 
称 、 密 码 、 文 件 名 称 ,它们 的 值 都 需要 进行 编码 。 


3. 服务 器 图 片 存储 
客户 端 上 传 图 片 后 ,服务 器 通过 Request 对 象 的 QueryString 获取 用 户 名 称 uName 
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与 图 片 名 称 iFile ,通过 BinaryRead 获取 图 片 的 二 进 制 数据 data: 


String uName-My.decode (context.Request.QueryString["uName"]); 
String iFile-My.decode(context.Request.QueryString["iFile"]); 
byte[] data-context.Request.BinaryRead (context.Request.TotalBytes); 


1E DAL 中 定义 一 个 ImageService 类 ,该 类 中 有 一 个 uploadImage 函数 ,实现 图 片 的 
存储 ,这 个 函数 如 下 : 


namespace DAL 
{ 
public class ImageService 
{ 
bool verifyUser (DBHelper DB,String uName, String uPass) 
{ 
SqlParameter pName=new SqlParameter ("@uName", SqlDbType.Char); 
pName.Value-uName; 
SqlParameter pPass-new SqlParameter ("@uPass", SqlDbType.Char); 
pPass.Value-uPass; 
return((int)DB.getScalar("select count (* ) from users where uName 
-Q uName and uPass=@uPass", pName, pPass)>0); 
} 
public String uploadImage (String uName, String uPass, String iFile, 
byte[] data) 
{ 
String ID="0"; 
using (SqlConnection con=new SqlConnection(DBHelper.conString)) 
{ 
DBHelper DB=new DBHelper (con) ; 
if (verifyUser (DB,uName, uPass) ) 
{ 
SqlParameter pName=new SqlParameter ("@uName", SqlDbType. 
Char); pName.Value=uName; 
SqlParameter pDate=new SqlParameter ("@ iDate", SqlDbType. 
Char); pDate.Value-DateTime.Now.ToString ("yyyy-MM-dd HH: 
mm:ss"); 
SqlParameter pFile=new SqlParameter ("@iFile", SqlDbType. 
Char); pFile.Value=iFile; 
SqlParameter pData=new SqlParameter ("@ iData", SqlDbType. 
Image); pData.Value=data; 
if(DB.executeCommand("insert into images (uName, iDate, 
iFile, iData) values (@ uName, @ iDate, @ iFile, @ iData)", 
pName, pDate, pFile, pData)>0) 
{ 
// 插 入 成 功 时 获取 插入 记录 的 ID 
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ID=DB.getScalar ("select top 1 ID from images order by ID 
desc") .ToString(); 


} 


con.Close(); 


} 


return ID; 


} 


在 图 片上 传 时 要 先 调用 verifyUser 对 用 户 进 行 验证 ,只 有 注册 的 用 户 才能 上 传 图 
片 。 图 片上 传 后 在 数据 库 表 中 增加 一 条 新 记录 ,把 uName, iFile, data 等 存储 到 数据 库 表 
中 ,并 返回 新 增加 记录 的 ID 号 。 


4. 结果 的 返回 


服务 器 存储 图 片 后 ,images 表 增 加 一 条 记录 ,这 条 记录 的 ID 号 是 数据 库 自动 计算 设 
置 的 ,因此 程序 要 读 取 该 ID 值 ,然后 返回 给 客户 端 ,客户 端 就 凭 这 个 ID 值 来 查找 服务 器 
的 图 片 。 


2.3.3 ”服务 器 程序 


服务 器 端的 主要 函数 是 UploadImage 函数 ,该 函数 在 images 表 中 增加 一 条 记录 ,并 
返回 新 记录 的 ID 值 。 


using Model; 
using MyDLL; 
using DAL; 
public class ImageServer: IHttpHandler 
{ 
HttpContext context; 
String uploadImage|() 
{ 
// 上 传 图 片 
String uName-My.decode (context.Request.QueryString["uName"]); 
String uPass-My.decode (context.Request.QueryString["uPass"]); 
String iFile-My.decode (context.Request.QueryString["iFile"]); 
byte[] data-context.Request.BinaryRead (context.Request.TotalBytes); 
ImageService imageService-new ImageService(); 
return imageService.uploadImage (uName,uPass,iFile, data); 
} 
public void ProcessRequest (HttpContext context) 
{ 
this.context=context; 


ResultClass res=new ResultClass { state="success" }; 
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String opt-context.Request["opt"]; 
try 
t 
if(opt--"uploadImage") res.message-uploadImage(); 
} 
catch (Exception exp) 
{ 
// 错 误 信 息 
res.state="error"; 
res .message=exp .Message; 
} 
// 返 回 result 的 XML 文本 信息 
context.Response.Clear(); 
context.Response.ContentType-"text/plain"; 
context.Response.Write(My.serialize«ResultClass» (res)); 
context.Response.Flush(); 
) 
public bool IsReusable { 


get ( return false; } 


234 客户 端 程序 
1. 界面 设计 


客户 端的 界面 很 简单 ,在 窗 体 上 放 一 个 名 为 btUpload 的 按钮 Button ,再 放 一 个 名 为 
txtMsg 的 文本 标签 TextBlock 即 可 。 


<Grid> 

< TextBox x: Name =" txtUser" Text =" xxx" HorizontalAlignment =" Left" 
Height-"23" Margin-"42,15,0,0" TextWrapping-"Wrap" VerticalAlignment 
-"Top" Width-"50"/» 

«Button x:Name-"btUpload" Content-"[8 H E f£" HorizontalAlignment- 
"Left" VerticalAlignment- "Top" Width-"66" Margin-"106,29,0,0" Click- 
"btUpload Click"/» 

< TextBlock HorizontalAlignment-" Left" Text=" 结 果 " x:Name-"txtMsg" 
TextWrapping="Wrap" VerticalAlignment="Top" Margin-"10,68,0,0"/» 
<TextBlock HorizontalAlignment="Left" Text=" 用 户 " TextWrapping- "Wrap" 
VerticalAlignment="Top" Margin="10, 21,0,0" RenderTransformOrigin= 

"0,583, —1. 105") 
<PasswordBox x:Name-"txtPass" HorizontalAlignment-"Left" 
VerticalAlignment-"Top" Width-"50" Password-"123" 
RenderTransformOrigin-"1.207,3.818" Margin-"42,43,0,0"/» 
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< TextBlock HorizontalAlignment="Left" Text=" 密 码 " TextWrapping= 
"Wrap" VerticalAlignment="Top" Margin="10,48,0,0"/> 
</Grid> 


2. 程序 设计 


客户 端 程序 要 选择 本 地 磁盘 中 的 一 个 文件 ,要 用 到 打开 文件 对 话 框 , 因 此 要 在 程序 
头 部 写 上 语句 : 


using Microsoft .Win32; 


主要 的 程序 部 分 如 下 : 
…// 省 略 部 分 using 代码 


using Microsoft .Win32; 
using MyDLL; 
using Model; 
namespace ImageClient 
{ 
public partial class MainWindow : Window 
{ 
WebClient client; 
String url="http://localhost/web/ImageServer.ashx"; 
public MainWindow () 
{ 
InitializeComponent (); 
client=new WebClient (); 
client .Encoding=Encoding.UTF8; 
// 设 置 异步 回调 函数 
client.UploadDataCompleted+=client UploadDataCompleted; 
} 
void client UploadDataCompleted(object sender, 
UploadDataCompletedEventArgs e) 
{ 
if(e.Error==null) 
{ 
// 上 传 完成 后 
String s-Encoding.UTF8.GetString(e.Result); 
ResultClass res-My.deserialize«ResultClass» (s); 
if(res.state--"success") 
{ 
if(res.message !="0") 


{ 


txtMsg.Text="4 Hh EWI! ID-"4res.message; 
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else showMsg ("AH E f£ AW 1); 
) 
else showMsg(res.message) ; 
} 
else showMsg(e.Error.Message) ; 
} 
void showMsg (String s) 
{ 
MessageBox.Show(s, "Information", MessageBoxButton. OK); 
} 
String encryptString(String s) 
{ 
MD5 md5=new MD5CryptoServiceProvider(); 
byte[] buf=Encoding.UTF8.GetBytes(s); 
buf=md5.ComputeHash (buf) ; 


s- 
foreach (byte x in buf) s=s+x.ToString("X2"); 
return S; 
) 
private void btUpload Click(object sender, RoutedEventArgs e) 
{ 
String uName-txtUser.Text.Trim(); 
String uPass=txtPass.Password.Trim(); 
OpenFileDialog dlg=new OpenFileDialog(); 
dlg.Filter-"Images|* .jpg; * .png"; 
if((bool)dlg.ShowDialog() && uName !="" && uPass!="") 
{ 
try 
{ 
String fn=dlg.FileName; 
int p=fn.LastIndexOf("\\"); 
if(p>=0) fn-fn.Substring(p*1); 
FileStream fs-new FileStream(dlg.FileName, FileMode. Open) ; 
byte[] data=new byte[fs.Length]; 
fs.Read(data, 0, data.Length); 
fs.Close(); 
uPass-encryptString (uPass); 


Uri uri-new Uri (url* "?opt- uploadImage&uName-"-*My.encode 


(uName) +"&uPass="+My.encode (uPass) +"&iFile= 
(fn), UriKind.Absolute); 

// 上 传 二 进 制 数组 data 

client .UploadDataAsync(uri, "POST", data); 


+My.encode 


} 


catch(Exception exp) { showMsg (exp.Message); } 
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} 


2.3.5 拓展 训练 


实际 上 图 片 包含 ID 号 .所 有 者 uName、 图 片 文件 名 称 iFile ,存储 日 期 iDate, A Jr — 
进 制 数据 iData 等 信息 ,为 了 很 好 地 表示 一 张 图 片 ,在 客户 端 与 服务 器 中 的 Model 中 建立 
图 片 信息 类 ImageClass 来 表示 一 张 图 片 的 所 有 这 些 数据 : 


public class ImageClass 

{ 
public int ID { get; set; } 
public String uName { get; set; 
public String iDate { get; set; 
public String iFile { get; set; 


public byte[] iData { get; set; 
} 
客户 端 上 传 图 片 时 ,可 以 把 图 片 所 有 者 uName、 图 片 名 称 iFile 信息 以 及 图 片 数据 一 
起 组 合成 一 个 ImageClass 类 ,然后 把 这 个 类 序列 化 成 XML 文本 字符 串 ,由 于 iData 是 一 
个 二 进 制 数组 ,在 序列 化 时 会 被 转 为 Base64 的 字符 串 , 因 此 这 个 XML 字符 串 很 长 。 
客户 端 可 以 使 用 WebClient 的 UploadString 函数 来 上 传 ,服务 器 接收 到 这 个 字符 串 
后 再 反 序列 化 回 ImageClass 对 象 ,就 可 以 存储 到 数据 库 里 了 。 


24 图 片 共 京 与 设置 


2.4.1 案例 展示 


客户 端 使 用 DataGrid 控件 显示 所 有 的 图 片 记录 , 右 击 该 控件 会 弹出 快捷 菜单 ,选择 
“获取 图 片 ” 命 令 可 以 从 服务 器 获取 图 片 记录 ,图 片 记录 显示 后 在 “共享 ” 列 中 可 以 设置 哪 
些 图 片 共 享 ,哪些 不 共享 ,选择 “设置 共享 "命令 会 把 共享 图 片 的 信息 发 送 给 服务 器 ,如 
图 2-16 所 示 。 


图 2-16 设置 图 片 共享 


80 (NS 


242 技术 要 点 


1. 共享 字段 绑 定 


在 images 数据 库 表 中 的 iShared 字段 标志 该 图 片 是 否 共享 ,共享 的 图 片 可 以 被 别 的 
用 户 查 看 到 ,不 共享 的 图 片 别 的 用 户 查 看 不 到 。iShared 是 bit 类 型 , 值 为 1 或 者 0, 转 为 
DataTable 后 自动 转 为 值 为 True 或 者 False 的 Bool 类 型 。 这 样 的 字段 通过 DataGrid 控 
件 的 CheckBox 列 就 可 以 显示 为 CheckBox 控件 , 绑 定 的 方法 是 : 


<DataGridCheckBoxColumn Binding="{Binding iShared, Mode=TwoWay, 
UpdateSourceTrigger=PropertyChanged}" 
IsThreeState-"False" IsReadOnly-"False" Header=" 共 享 " Width="50" /> 


其 中 绑 定 中 要 设置 Mode= TwoWay 及 UpdateSourceTrigger = PropertyChanged. 否则 
在 用 户 单 击 一 条 记录 的 CheckBox 后 选择 的 状态 不 能 及 时 反映 到 绑 定 的 数据 源 对 象 中 。 


2. 共享 图 片 的 上 传 


如 果 客 户 端 用 户 选 择 一 批 要 共享 的 图 片 记 录 , 那 么 怎样 把 这 些 记 录 的 ID 值 传递 给 
服务 器 呢 ? 一 个 方法 就 是 构造 一 个 List<int 二 的 列表 对 象 ,把 共享 图 片 的 所 有 ID 值 存 
储 到 这 个 列表 中 ,然后 把 这 个 列表 序列 化 成 XML 字符 串 , 再 通过 WebClient 的 
UploadString 函数 把 这 个 字符 串 发 送 给 服务 器 ,服务 器 接收 后 再 把 该 字符 串 转 为 List 
<int 过 对象 ,就 可 以 知道 是 哪些 图 片 要 共享 了 。 

如 果 客 户 端 与 服务 器 约定 opt 二 "setSharedList" 为 共享 图 片 操作 ,那么 客户 端 主要 
代码 如 下 : 


List<int>IDS=new List<int>(); 
foreach (DataRow row in dt.Rows) 
if((bool)row["iShared"]) IDS.Add( (int) row["ID"]); 
Uri uri=new Uri (url+"?opt=setSharedList", Urikind.Absolute) ; 


client.UploadStringAsync(uri, "POST", serialize<List<int>> (IDS) ); 


客户 端 通过 WebClient 的 UploadStringAsyne 函数 上 传 要 共享 的 图 片 ID 号 的 列表 。 
3. 共享 图 片 的 设置 


服务 器 端 接收 到 这 个 XML 字符 串 sXml 后 ,把 它 转 为 List<int 二 对 象 , 就 可 以 循环 
得 到 共享 图 片 的 ID。 修 改 DAL 中 的 ImageService, 设计 getUserImageList 与 
setSharedList PR CAI F : 


namespace DAL 
{ 
public class ImageService 


{ 
public String getUserImageList (String uName, String uPass) 
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// 获 取 uName 用 户 的 图 片 列表 
DataTable dt=new DataTable ("images"); 
using(SqlConnection con-new SqlConnection (DBHelper.conString) ) 
{ 
DBHelper DB=new DBHelper (con) ; 
if (verifyUser (DB,uName, uPass) ) 
{ 
SqlParameter pName=new SqlParameter ("@uName", SqlDbType. 
Char); pName.Value=uName; 
SqlDataAdapter adapter=DB. getAdapter ("select ID, uName, 
iDate,iFile,iShared from images where uName=@uName order 
by ID", pName) ; 
adapter.Fill (dt); 
} 
con.Close(); 
} 
return My.serialize<DataTable> (dt); 
} 
public String setSharedList (String uName, String uPass,String sXml) 
{ 
String s="failed"; 
using (SqlConnection con=new SqlConnection(DBHelper.conString)) 
{ 
DBHelper DB=new DBHelper (con) ; 
if (verifyUser (DB,uName, uPass) ) 
{ 
// 清 除 共 享 标志 
SqlParameter pName-new SqlParameter ("@uName", SqlDbType. 
Char); pName.Value=uName; 
DB.executeCommand ("update images set iShared=0 where uName 
=@uName", pName) ; 
List<int>IDS=My.deserialize<List<int>>(sXml); 
foreach (int ID in IDS) 
ii 
// 设 置 共享 标志 
DB.executeCommand ("update images set iShared=1 where 
ID="+ID.ToString()); 
} 
s="shared"; 
} 


con.Close(); 
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return S; 


} 


其 中 getUserImageList 函数 是 获取 图 片 记 录 数 据 集 的 XML 序列 化 结果 ,setSharedList 
函数 是 把 要 共享 的 图 片 的 iShared 字段 设置 为 1 ,不 共享 的 设置 为 0。 


243 ”服务 器 程序 


服务 器 程序 主要 由 获取 用 户 的 图 片 列 表 函 数 getUserImageList 与 设置 共享 函数 
setSharedList 组 成 ,程序 如 下 : 


…// 省 略 部 分 using 代码 
using Model; 
using MyDLL; 
using DAL; 
public class ImageServer: IHttpHandler 
{ 
HttpContext context; 
String getUserImageList () 
{ 
// 获 取 用 户 图 片 记录 
String uName-My.decode (context.Request.QueryString["uName"]); 
String uPass-My.decode (context.Request.QueryString["uPass"]); 
ImageService imageService-new ImageService(); 
return imageService.getUserImageList (uName,uPass); 
) 
String setSharedList () 
{ 
// 设 置 共 享 图 片 记录 
String uName-My.decode (context.Request.QueryString["uName"]); 
String uPass-My.decode (context.Request.QueryString["uPass"]); 
byte[] buf=context.Request.BinaryRead (context.Request.TotalBytes); 
String sXml-Encoding.UTF8.GetString (buf); 
ImageService imageService-new ImageService(); 
return imageService.setSharedList (uName, uPass, sXml); 
) 
public void ProcessRequest (HttpContext context) 
{ 
this.context=context; 
ResultClass res=new ResultClass(); 
// 获 取 opt HR 
String opt-context.Request["opt"]; 
try 
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if (opt=="getUserImageList") res.message=getUserImageList(); 
else if (opt=="setSharedList") res.message-setSharedList(); 
res.state="success"; 

} 

catch (Exception exp) 


{ 


res.state="error"; res.message=exp.Message; 
} 
context .Response.ContentType="text/plain"; 
context .Response.Write(My.serialize<ResultClass> (res) ); 


context .Response.Flush(); 


public bool IsReusable { 
get { return false; } 


244 客户 端 程序 


1. 界面 设计 


在 客户 端的 DataGrid 中 主要 设计 一 个 弹出 式 菜单 ,包含 “获取 图 片 "与 “设置 共享 ”两 
个 菜单 项 目 。 注 意 绑 定 列 DataGridCheckBoxColumn 中 要 设置 : 


Mode=TwoWay, UpdateSourceTrigger=PropertyChanged 


只 有 这 样 才 能 保证 用 户 在 DataGrid 的 CheckBox 中 选择 后 该 信息 即刻 反映 到 基础 数据 
源 DataTable 对 象 中 。 


<Grid> 

<Grid.RowDefinitions> 
<RowDefinition Height="30" /> 
<RowDefinition Height="* " /> 

</Grid.RowDefinitions> 

<StackPanel Orientation="Horizontal"> 
<TextBlock Text=" 用 户 " VerticalAlignment- "Center" /> 
<TextBox x:Name="txtUser" Text="xxx" Width="69" VerticalAlignment= 
"Center" Margin="0,6,0,6.4" /> 
<TextBlock Text="# 5" VerticalAlignment="Center" /> 
«PasswordBox x:Name-"txtPass" Password-"123" Width="69" 
VerticalAlignment- "Center" Margin-"0,6,0,6.4" /> 

«/StackPanel» 

< DataGrid x:Name-"uGrid" Grid.Row-"1" AutoGenerateColumns =" False" 


CanUserReorderColumns-"False" CanUserResizeRows- "False" CanUserAddRows 
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="False" SelectionMode="Single"> 


<DataGrid.Columns> 


<DataGridTextColumn x:Name-"colDate" Binding-" (Binding iDate}" 
Header=" 日 期 " width-"50" IsReadOnly- "True" /> 
«DataGridTextColumn x:Name-"colFile" Binding="{Binding iFile}" 


Header-" Xf" Width-"50" IsReadOnly- "True" /> 

«DataGridCheckBoxColumn x: Name -" colShared" Binding-" (Binding 

iShared, Mode=TwoWay, UpdateSourceTrigger-PropertyChanged)" 
IsThreeState-"False" IsReadOnly-"False" Header=" 共 享 " Width 
="50" /> 


</DataGrid.Columns> 


<DataGrid.ContextMenu> 


<ContextMenu> 
«MenuItem x:Name="menuGetImageList" Header=" 获 取 图 片 " Click= 
"menuGetImageList Click" /> 
«MenuItem x:Name="menuSetSharedList" Header=" 设 置 共 享 " Click 
="menuSetSharedList Click" /> 


</ContextMenu> 


</DataGrid.ContextMenu> 
</DataGrid> 


</Grid> 


2. 程序 设计 


客户 端 程序 主要 是 设置 共享 的 函数 中 上 传 的 是 各 个 共享 图 片 的 ID 号 的 列表 
List<<int 请 对象 ,这 个 对 象 要 序列 化 后 才 上 传 。 


namespace ImageClient 


{ 


public partial class MainWindow : Window 


{ 


WebClient client; 


String url="http://localhost/web/ImageServer.ashx"; 
DataTable dt; 


DataView dv; 


public MainWindow() 


InitializeComponent(); 

client-new WebClient (); 

client.Encoding-Encoding.UTF8; 

// 设 置 异步 回调 函数 

client .UploadStringCompleted+=client_UploadStringCompleted; 
client .DownloadStringCompleted+=client_DownloadStringCompleted; 
menuSetSharedList.IsEnabled-false; 
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String encryptString(String s) 

{ 
MD5 md5-new MD5CryptoServiceProvider(); 
byte[] buf-Encoding.UTF8.GetBytes (s); 
buf=md5.ComputeHash (buf) ; 
gann; 
foreach (byte x in buf) s=s+x.ToString ("X2"); 


return s; 


void client DownloadStringCompleted (object sender, 


DownloadStringCompletedEventArgs e) 


if(e.Error--null) 
{ 
ResultClass res=My.deserialize<ResultClass> (e.Result); 
if(res.state--"success") 
{ 
// 反 序列 化 成 图 片 数据 表 
dt-My.deserialize«DataTable» (res.message) ; 
// 增 加 一 个 idata 字段 
dv=dt .DefaultView; 
dv.Sort="iDate desc"; 
uGrid.ItemsSource=dv; 
menuSetSharedList.IsEnabled=true; 
} 
else showMsg(res.message) ; 
} 
else showMsg(e.Error.Message) ; 
} 
void client UploadStringCompleted (object sender, 
UploadStringCompletedEventArgs e) 
{ 
if (e.Error==null) 
{ 


ResultClass res=My.deserialize<ResultClass> (e.Result); 


if(res.state-- 


[ 


success") 


showMsg (res.message); 
} 
else showMsg ("设置 共享 错误 !"); 
} 


else showMsg(e.Error.Message) ; 
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} 


void showMsg (String s) 


MessageBox.Show(s, "Information", MessageBoxButton.OK); 


private void menuGetImageList Click(object sender, RoutedEventArgs e) 


{ 


} 


String uName=txtUser.Text.Trim(); 


String uPass=txtPass.Password.Trim(); 


if (uName !="" && uPass !="") 


{ 

uPass=encryptString(uPass) ; 

try 

{ 
Uri uri=new Uri (url+"?opt=getUserImageListé&uName="+My. 
encode (uName) +" &uPass =" + My. encode (uPass), UriKind. 
Absolute); 
client.DownloadStringAsync (uri); 

} 

catch(Exception exp) { showMsg (exp.Message); } 


private void menuSetSharedList_Click(object sender, RoutedEventArgs e) 


{ 


String uName-txtUser.Text.Trim(); 
String uPass=txtPass.Password.Trim(); 
if (uName !-"" && uPass !="") 
{ 
uPass-encryptString (uPass) ; 
try 
{ 
// 组 织 共 享 图 片 的 ID, 组 成 一 个 XML 字符 串 
List«int»IDS-new List<int> (); 
foreach (DataRow row in dt.Rows) 
if ((bool) row["iShared"]) IDS.Add((int)row["ID"]); 


Uri uri-new Uri (url +"? opt = setSharedList&uName =" + My. 
encode (uName) +" &uPass -" * My. encode (uPass), UriKind. 
Absolute); 


client .UploadStringAsync(uri, "POST", My.serialize«List 
<int>> (IDS) ); 
} 


catch(Exception exp) { showMsg (exp.Message); } 
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2.4.5 拓展 训练 


这 个 程序 中 ,在 执行 完 设置 图 片 共享 后 ,图 片 的 记录 并 没有 及 时 更 新 ,如 果 要 及 时 更 
新 ,那么 在 服务 器 更 新 了 数据 库 表 images 后 把 设置 了 共享 的 图 片 记录 的 ID 号 再 次 发 送 
回 客户 端 ,客户 端 及 时 更 新 记录 。 


1. 修改 服务 器 setSharedList 函数 
该 函数 返回 共享 图 片 的 ID 序列 List<int> AY XML 字符 串 : 


public String setSharedList (String uName, String uPass, String sXml) 
{ 
String s=""; 
using (SqlConnection con=new SqlConnection (DBHelper.conString)) 
{ 
DBHelper DB-new DBHelper (con); 
if(verifyUser(DB, uName, uPass)) 
{ 
// 清 除 共享 标志 
SqlParameter pName- new SqlParameter ("8 uName", SqlDbType. Char); 
pName.Value-uName; 
DB.executeCommand ("update images set iShared-0 where uName- 
@uName", pName) ; 
List<int>IDS=My.deserialize<List<int>> (sXml); 
List<int>IDT=new List<int> (); 
foreach (int ID in IDS) 
{ 
// 设 置 共 享 标志 
if (DB.executeCommand ("update images set iShared=1 where ID=" 
*ID.ToString())»0) IDT.Add (ID); 
} 
s=My.serialize<List<int>> (IDT); 
} 
con.Close(); 
} 


return s; 


2. 修改 客户 端 client_UploadStringCompleted 函数 


该 函数 解析 服务 器 传 来 的 共享 图 片 的 ID 序列 ,把 它们 设置 到 数据 源 中 ,从 而 更 新 
显示 。 
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void client UploadStringCompleted (object sender, 
UploadStringCompletedEventArgs e) 
if 
try 
{ 
ResultClass res=My.deserialize<ResultClass> (e.Result); 


if(res.state--"success") 
{ 
if (res.message !="") 
{ 
// 清 除 共享 标志 


foreach (DataRow row in dt.Rows) row["iShared"]=false; 
List<int>IDS=My.deserialize<List<int>> (res.message) ; 
foreach (int ID in IDS) 
{ 
// 设 置 共享 标志 
DataRow row-dt.AsEnumerable().FirstOrDefault (x=> 
(int)x["ID"]--ID); 
if(row !=null) row["iShared"]-true; 
) 


// 更 新 对 象 
dt.AcceptChanges (); 


} 


else showMsg(res.message); 


} 
catch (Exception exp) { showMsg(exp.Message); } 


} 
这 样 修改 后 的 程序 能 确保 客户 端的 共享 信息 与 服务 器 端的 一 致 。 


25 图 片 下 载 与 测 览 


2.5.1 案例 展示 


客户 端 用 一 个 DataGrid 列表 控件 显示 出 服务 器 所 有 的 图 片 记录 ,当选 择 其 中 一 条 记 
录 时 就 从 服务 器 下 载 该 图 片 并 显示 出 来 ,如 图 2-17 所 示 。 


图 2-17 图 片 浏览 
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25.2 技术 要 点 


1. 图 片 记录 


数据 库 表 images 中 存储 了 所 有 的 图 片 , 服 务 器 读 取 该 表 的 所 有 图 片 信息 ,组 织 成 一 
个 DataTable 表 , 把 这 个 表 序 列 化 成 XML 字符 串 发 送 给 客户 端 ,客户 端 接收 后 再 反 序列 
化 成 DataTable 对 象 放 在 一 个 DataGrid 控件 上 显示 。 值 得 注意 的 是 ,这 个 DataTable 可 
以 包含 也 可 以 不 包含 图 片 的 二 进 制 数据 iData, 如 果 包 含 ,那么 这 个 DataTable 的 数据 量 
是 很 大 的 ,网 络 传输 会 有 困难 。 本 项 目的 程序 中 暂时 先 不 包含 iData 数据 ,客户 端 需要 时 
再 去 服务 器 获取 。 客 户 端 与 服务 器 约定 opt 二 "getSharedImageList" 时 为 获取 图 片 列表 。 


2. 图 片 浏览 


服务 器 读 取 该 表 的 所 有 图 片 信息 传输 给 客户 端 程序 ,客户 端 程序 使 用 DataGrid 控件 
显示 这 些 图 片 记录 。 当 用 户 选 择 其 中 一 条 图 片 记录 就 触发 DataGrid 的 SelectionChange 
事件 ,在 这 个 事件 函数 中 获取 该 记录 的 ID 号 ,通过 WebClient 的 DownloadData 函数 从 
服务 器 下 载 图 片 的 二 进 制 数 据 , 该 函数 的 原型 如 下 : 


public byte[] DownloadData (Uri uri) 
其 中 主要 的 客户 端 代 码 如 下 : 


DataRowView row-dv[uGrid.SelectedIndex]; 
String ID-row["ID"].ToString().Trim(); 
Uri uri=new Uri (url+"?opt=downloadSharedImage&ID="+ID, UriKind.Absolute); 


client.DownloadDataAsync(uri, uGrid.SelectedIndex); 


客户 端 把 这 个 ID 号 传输 给 服务 器 ,服务 器 就 可 以 从 数据 库 中 获取 该 图 片 的 二 进 制 
数据 。 客 户 端 维持 一 个 DataTable 的 对 象 dt 与 对 应 的 DataView 对 象 dv ,它们 存储 了 服 
务 器 端的 图 片 记 录 。 

改造 服务 器 DAL 的 ImageService 类 ,增加 获取 所 有 图 片 记录 的 函数 getSharedImageList 
与 下 载 某 个 图 片 的 函数 downloadSharedImage: 


namespace DAL 
{ 
public class ImageService 
{ 
public String getSharedImageList () 
{ 
// 获 取 uName 用 户 的 图 片 列表 
DataTable dt=new DataTable ("images"); 
using(SqlConnection con-new SqlConnection(DBHelper.conString) ) 
{ 
DBHelper DB=new DBHelper (con); 
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SqlDataAdapter adapter = DB. getAdapter ("select ID, uName, 
iDate,iFile,iShared from images where iShared=1 order by ID"); 
adapter.Fill (dt); 
con.Close(); 
} 
return My.serialize<DataTable> (dt); 
} 
public byte[] downloadSharedImage (String ID) 
{ 
byte[] data-null; 
using(SqlConnection con-new SqlConnection(DBHelper.conString)) 
{ 
DBHelper DB=new DBHelper (con); 
SqlDataReader reader-DB.getReader ("select * from images where 
ID="+ID+" and iShared-1"); 
if(reader.Read()) 
{ 
// 读 取 图 片 二 进 制 数据 
data- (byte[]) reader["iData"]; 
) 
reader.Close(); 
con.Close(); 
) 


return data; 


3. 结果 返回 


在 客户 端 使 用 getSharedImageList 时 服务 器 返回 XML 字符 串 ,服务 器 设置 输出 的 
ContentType 必须 对 应 为 文本 , 即 


context.Response.ContentType- "text/plain" 


而 当 客 户 端 使 用 downloadSharedImage 要 求 服务 器 返回 图 片 的 二 进 制 数 据 , 服 务 器 
设置 输出 的 ContentType 也 必须 对 应 为 二 进 制 数据 , 即 


context.Response.ContentType- "application/octet-stream" 


2.53 ”服务 器 程序 


服务 器 程序 包括 返回 图 片 列表 的 getSharedImageList 图 数 与 返回 图 片 的 
downloadSharedImage 函数 ,主要 程序 如 下 : 
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using Model; 
using MyDLL; 
using DAL; 
public class ImageServer: IHttpHandler 
{ 
HttpContext context; 
byte[] downloadSharedImage() 
{ 
String ID=context.Request.QueryString["ID"]; 
ImageService imageService-new ImageService(); 
return imageService.downloadSharedImage (ID); 
} 
String getSharedImageList () 
{ 
ImageService imageService-new ImageService(); 
return imageService.getSharedImageList(); 
} 
public void ProcessRequest (HttpContext context) 
{ 
this.context=context; 
ResultClass res=new ResultClass(); 
byte[] data-null; 
String opt-context.Request.QueryString["opt"]; 
try 
{ 
if (opt=="getSharedImageList") res.message=getSharedImageList(); 
else if (opt=="downloadSharedImage") data=downloadSharedImage (); 
res.state="success"; 
} 
catch (Exception exp) 
{ 
res.state="error"; res.message=exp.Message; 
} 
if (opt=="downloadSharedImage") 
{ 
if(data !-null) 
{ 
context .Response.ContentType="application/octet- stream"; 


context .Response.BinaryWrite (data); 


} 
else 
{ 


context .Response.ContentType="text/plain"; 
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context .Response.Write (My.serialize<ResultClass> (res)); 
} 


context .Response.Flush(); 


public bool IsReusable { 


get { return false; } 


} 
编写 完毕 要 执行 “重新 生成 解决 方案 ”更 新 DAL 类 库 。 


25.4 客户 端 程序 
1. 界面 设计 


客户 端 界 面 主要 是 使 用 DataGrid 控件 显示 服务 器 发 送 过 来 的 图 片 列表 ,设计 该 控件 
的 各 个 列 与 DataTable 表 的 字段 绑 定 就 可 以 自动 显示 了 ,主要 代码 如 下 : 


<Grid> 
<Grid.ColumnDefinitions> 
<ColumnDefinition Width-"1*" /> 
<ColumnDefinition Width="1*" /> 
</Grid.ColumnDefinitions> 
< DataGrid x:Name="uGrid" Grid. Column="0" AutoGenerateColumns-"False" 
IsReadOnly =" True" SelectionMode =" Single" SelectionChanged =" uGrid . 
SelectionChanged"> 
<DataGrid.Columns> 
<DataGridTextColumn Binding="{Binding ID}" Header="ID" Width= 
"50" 7» 
<DataGridTextColumn Binding =" (Binding uName}" Header =" 用 pos 
Width-"50" /» 
«DataGridTextColumn Binding =" (Binding iDate}" Header =" A 期 m 
Width-"100" /» 
«DataGridTextColumn Binding -" (Binding iFile}" Header -" 图 片 " 
Width="100" /> 
</DataGrid.Columns> 
</DataGrid> 
<GridSplitter Width="3" /> 
<Image x:Name="img" Grid.Column="1" /> 
</Grid> 


其 中 ,一 GridSplitter Width="3" /> DataGrid 与 图 片 控 件 Image 的 分 隔 线 。 注 意 , 在 
显示 DataTable 数据 时 先 获 取 DataTable 的 视图 对 象 DataView ,然后 再 把 DataView 对 
象 绑 定 到 DataGrid 控件 ,这 样 做 的 好 处 是 , 当 单 击 DataGrid 的 各 个 列 时 该 列 数据 会 自动 
排序 ,排序 后 保证 DataView 对 象 的 记录 顺序 也 跟着 变化 ,只 有 这 样 才能 正确 定位 一 条 记 
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录 的 图 片 。 
2. 程序 设计 


客户 端 程序 包括 一 个 DataTable 对 象 dt 以 及 对 应 的 DataView 对 象 dv, 它 们 是 用 来 


存储 图 片 列表 记录 的 ,主要 程序 如 下 : 


public partial class MainWindow : Window 


{ 


WebClient client; 


String url="http://localhost/web/ImageServer.ashx"; 


DataTable dt; 

DataView dv; 

public MainWindow () 

{ 
InitializeComponent () ; 
client=new WebClient(); 
client.Encoding=Encoding.UTF8; 


// 设 置 异步 回调 函数 


client.DownloadStringCompleted*-client DownloadStringCompleted; 


client.DownloadDataCompleted+=client_DownloadDataCompleted; 


} 
void showImage (byte[] data) 
{ 
// 显 示 图 片 
try 
{ 
BitmapImage bm=new BitmapImage (); 
bm.BeginInit(); 
bm. StreamSource=new MemoryStream(data) ; 
bm.EndInit(); 
img.Source-bm; 


} 


catch (Exception exp) { showMsg(exp.Message); img.Source-null; } 


} 
void client DownloadDataCompleted (object sender, 
DownloadDataCompletedEventArgs e) 
{ 
// 下 载 图 片 成 功 ,显示 图 片 
if(e.Result !=null) showImage (e.Result); 
else img.Source=null; 
} 
void showMsg (String s) 
{ 


MessageBox.Show(s, "Information", MessageBoxButton.OK) ; 
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} 
void client _DownloadStringCompleted(object sender, 


DownloadStringCompletedEventArgs e) 
{ 
if (e.Error==null) 


{ 
String s=e.UserState.ToString(); 
ResultClass res-My.deserialize«ResultClass» (e.Result); 


if(res.state--"success") 


{ 
// 如 果 是 getSharedImageList 触发 该 事件 函数 就 显示 图 片 列表 


if(s=="getSharedImageList") 

{ 
// 反 序列 化 成 图 片 数据 表 
dt=My.deserialize<DataTable> (res.message) ; 
dv-dt.DefaultView; 
dv.Sort-"iDate desc"; 


uGrid.ItemsSource-dv; 


) 


else showMsg(res.message); 


) 


else showMsg(e.Error.Message); 


} 
private void Window Loaded (object sender, RoutedEventArgs e) 


if 
// 程 序 启 动 时 获取 图 片 列 表 
try 


{ 
Uri uri-new Uri (url* "?opt-getSharedImageList", UriKind.Absolute); 


// 向 DownloadString 发 送 getSharedImageList 信息 
client.DownloadStringAsync (uri,"getSharedImageList"); 


} 
catch (Exception exp) { showMsg(exp.Message); } 


} 
private void uGrid SelectionChanged (object sender, 
SelectionChangedEventArgs e) 
{ 
if (uGrid.SelectedIndex>=0) 
{ 
try 
{ 
// 下 载 图 片 , 向 服务 器 发 送 图 片 的 ID 


DataRowView row-dv[uGrid.SelectedIndex]; 
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String ID-row["ID"].ToString().Trim(); 

Uri uri=new Uri (url +"? opt = downloadSharedImage&ID =" + ID, 
Urikind.Absolute) ; 

client .DownloadDataAsync (uri); 


} 


catch (Exception exp) { showMsg (exp.Message); } 


} 


程序 启动 时 调用 DownloadString Async( uri," getSharedImageList" ) 获取 图 片 的 记 
录 数 据 集 ,然后 绑 定 到 DataGrid 显示 。 在 选择 一 条 记录 时 执行 uGrid_SelectionChanged 
函数 ,根据 图 片 的 ID 号 使 用 client. DownloadDataAsync 下 载 图 片 进 行 显示 。 


2.5.5 拓展 训练 


客户 端 在 每 次 选择 一 条 图 片 记 录 时 都 会 去 服务 器 下 载 对 应 图 片 进行 显示 ,如 果 浏 览 
过 其 他 记录 后 再 次 回 到 该 记录 ,该 图 片 又 会 重新 下 载 一 次 ,这 样 会 增加 网 络 的 负担 。 实 
际 上 在 客户 端 可 以 做 一 个 缓存 的 功能 ,把 下 载 过 的 图 片 缓存 到 内 存 中 或 者 磁盘 中 ,下 次 
再 需要 该 图 片 时 先 到 缓存 中 去 取 , 如 果 能 取 到 ,就 直接 取出 ,而 不 用 再 到 服务 器 下 载 ,如 
果 缓 存 中 没有 ,再 去 服务 器 下 载 。 


1. 修改 DownloadStringCompleted 函数 


在 客户 端的 DataTable 对 象 dt 中 增加 一 个 存储 图 片 二 进 制 数据 的 字段 iData, 函数 
修改 为 : 


void client DownloadstringCompleted(object sender, 
DownloadStringCompletedEventArgs e) 
{ 
if (e.Error==null) 
{ 
String s=e.UserState.ToString(); 
ResultClass res=My.deserialize<ResultClass> (e.Result); 
if(res.state--"success") 
{ 
// 如 果 是 getSharedImageList 触发 该 事件 函数 就 显示 图 片 列 表 
if (s=="getSharedImageList") 
{ 
// 反 序列 化 成 图 片 数 据 表 
dt-My.deserialize«DataTable» (res.message); 
// 增 加 一 个 iData 字段 
dt.Columns.Add("iData", typeof (byte[])); 
dt.AcceptChanges(); 
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dv-dt.DefaultView; 
dv.Sort-"iDate desc"; 


uGrid.ItemsSource-dv; 


) 


else showMsg(res.message); 


} 


else showMsg (e.Error.Message) ; 


2. 修改 DownloadDataCompleted 函数 


客户 端 下 载 图 片 后 缓存 图 片 到 iData 字段 ,其 中 index 是 记录 的 序号 : 


void client_DownloadDataCompleted (object sender, 
DownloadDataCompletedEventArgs e) 
{ 
if(e.Result !-null) 
{ 
// 下 载 成 功 
showImage (e.Result); 
// 存 储 图 片 到 index 记录 的 iData 字段 
int index- (int)e.UserState; 
dv[index]["iData"]-e.Result; 
dt .AcceptChanges (); 
} 


else img.Source=null; 


3. 修改 uGrid SelectionChanged 函数 


在 选择 图 片 时 先 到 dv 的 iData 字段 去 找 图 片 , 如 果 找 不 到 就 到 服务 器 下 载 ,如 果 有 
就 直接 取出 来 显示 : 


private void uGrid SelectionChanged (object sender, 
SelectionChangedEventArgs e) 
{ 
int index-uGrid.SelectedIndex; 
if (index>=0) 
{ 
try 
{ 
if (dv [index] ["iData"]==DBNull.Value) 
{ 
// 缓 存 中 不 存在 图 片 , 从 服务 器 下 载 


) 
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String ID-dv[index]["ID"].ToString().Trim(); 
Uri uri- new Uri (url+"? opt = downloadSharedImage&ID="+ ID, 
UriKind.Absolute); 
client.DownloadDataAsync (uri, index) ; 
} 
else 
{ 
// 从 缓存 中 取出 图 片 显 示 
showImage ((byte[])dv[index]["iData"]); 


} 


catch (Exception exp) { showMsg(exp.Message); } 


经 过 这 样 改进 后 ,程序 的 执行 效率 会 提高 ,但 其 缺点 是 , 随 着 浏览 的 图 片 越 来 越 多 ， 
客户 端的 数据 集 占 据 的 内 存 会 越 来 越 大 。 


26 图 片 共享 程序 的 实现 


26.1 技术 要 点 


根据 前 面 的 讲解 可 以 看 到 服务 器 实际 上 是 一 个 网 页 程序 ,客户 端 是 一 个 WPF 的 窗 
体 程序 ,它们 之 间 通 过 约定 的 opt 参数 执行 不 同 的 操作 ,实现 图 片 的 上 传 . 删 除 、 浏 览 、 共 
享 设置 等 功能 。 每 次 操作 时 客户 端 都 通过 WebClient 对 象 与 服务 器 进行 数据 通信 ,每 次 
通信 时 都 把 opt 参数 传递 给 服务 器 ,同时 传递 用 户 名 称 与 密码 以 及 该 操作 必要 的 参数 , 服 
务 器 根据 opt 的 值 来 完成 对 应 的 操作 。 为 了 传递 结构 化 的 类 数据 ,所 有 的 数据 往来 都 采 
用 XML 序列 化 。 


l. 服务 器 功能 
服务 器 定义 了 一 组 函数 完成 不 同 的 功能 ,如 表 2-2 Bron. 


表 2-2 服务 器 功能 


操作 命令 opt 调用 函数 功能 说 明 
loginUser String loginUser(String uName. String uPass) | 用 户 注册 与 登录 
downloadSharedlmage| byte[ | downloadSharedImage( String ID) 下 载 共 享 图 片 
EEE I e byte [ ] downloadUserlmage (String uName. 下 载 用 户 图 片 

String uPass.String ID) 
demie String deletelmage ( String uName, String 删除 图 片 


uPass. String ID) 
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操作 命令 opt 调用 函数 Xj BE Wi HH 
iUe T String getUserImageList(String uName.String | 获取 某 个 用 户 的 所 有 图 片 
getUserlmageList iPass) 的 列表 
getSharedImageList String getSharedImageList() 获取 所 有 共享 图 片 的 列表 
String uploadImage ( String uName. String "m 
uploadImage uPass. String iFile. byte[ ] data) 上 传 某 个 用 户 的 图 片 
String setSharedList ( String uName, String | 设置 某 个 用 户 共享 图 片 的 
setSharedList . A 
uPass.String sXml) 列表 
二 ES String 人 (String uName. String 更 改 密码 
uPass,String uNewPass) 


2. 客户 端 功能 


客户 端 程序 通过 WebClient 调用 不 同 的 函数 执行 不 同 的 功能 ,如 表 2-3 所 示 。 
表 2-3 客户 端 功 能 


操作 命令 opt 功能 说 明 
loginUser 用 户 注册 与 登录 
downloadSharedImage 下 载 共享 图 片 
downloadUserImage 下 载 用 户 图 片 
deletelmage 删除 图 片 
getUserlmageList 获取 某 个 用 户 的 所 有 图 片 的 列表 
getSharedImageList 获取 所 有 共享 图 片 的 列表 


uploadImage UploadDataAsync 上 传 某 个 用 户 的 图 片 


setSharedList UploadStringAsync 设置 某 个 用 户 共 享 图 片 


changePassword DownloadStringAsync 更 改 密码 


3. 客户 端 信息 


客户 端 由 于 有 多 个 操作 都 调用 DownloadStringAsync 函数 ,因此 服务 器 返回 时 都 触 
发 相同 的 DownloadCompleted 函数 。 为 了 区 别 是 基于 什么 功能 操作 调用 的 
DownloadStringAsync 函数 以 便 程序 执行 不 同 的 操作 ,在 Model 中 设计 一 个 信息 类 


MessageClass: 


public class MessageClass 
{ 
public String opt { get; set; } 


public String message { get; set; } 
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} 


其 中 opt 表示 操作 命令 参数 ,message 是 附带 的 信息 。 这 样 在 调用 DownloadStringAsync 
时 只 要 同时 向 它 传递 一 个 MessageClass 对 象 , 就 可 以 知道 是 哪里 调用 的 了 。 例 如 ,客户 
端 要 删除 服务 器 的 一 张 图 片 ,就 执行 以 下 代码 : 


DataRowView row-dv[uGrid.SelectedIndex]; 

String ID-row["ID"].ToString().Trim(); 

Uri uri-new Uri (url+"?opt=deleteImage&ID="+ID, UriKind.Absolute); 

client. DownloadStringAsync (uri, new MessageClass { opt =" deleteImage", 


message-uGrid.SelectedIndex.ToString() }); 


在 调用 DownloadStringAsync 时 传递 一 个 MessageClass 对 象 , 该 对 象 包含 opt= 
"deletelmage" 的 操作 命令 ,一 个 选择 记录 的 序号 。 在 服务 器 返回 信息 触发 
DownloadStringCompleted 函数 时 就 执行 以 下 代码 : 


if (msg.opt=="deleteImage") 
{ 
// 删 除 图 片 


if (res.message=="deleted") 

{ 
int index=int. Parse (msg.message) ; 
dv [index] .Delete(); 
dt .AcceptChanges (); 


) 


通过 这 样 的 设置 ,DownloadStringCompleted 中 就 知道 用 户 是 要 删除 哪个 序号 的 记 
录 , 以 便 执行 删除 该 记录 的 操作 。 


4. 用 户 登 录 窗 体 


本 项 目 另 外 设计 一 个 登录 窗 体 来 接收 用 户 名 称 与 密码 的 输入 , 窗 体 名 称 为 
LoginWindow, 在 执行 登录 时 创建 该 窗 体 对 象 dlg, 然后 用 模 态 的 方式 显示 此 窗 体 ,在 此 
窗 体 类 中 设计 共有 的 变量 state, uName 及 uPass, 窗 体 关闭 后 读 取 这 些 变量 就 可 以 得 到 
用 户 登 录 的 信息 。 主 要 的 代码 如 下 : 


LoginWindow dlg-new LoginWindow(); 
dlg.Owner-this; 
dlg.ShowDialog(); 
if (dlg.state=="OK") 
{ 
String uName-dlg.uName; 


String uPass-dlg.uPass; 
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同样 的 道理 ,另外 设计 一 个 窗 体 Password Window 用 于 更 改 密码 。 


2.6.2 服务 器 程序 
综合 前 面 各 节 , 服 务 器 程序 的 结构 如 图 2-18 所 示 。 


解决 方案 资源 管理 器 vx 
oo0td|oc-e8-—-' 
搜索 解决 方案 资源 管理 器 (Ctrl+;) P~ 
fea] 解决 方案 ImageServer (4 NAB) 
4 [DAL 
# Properties 


b 
b wa 引用 

b © DBHelper.cs 
b 

b 


€* ImageService.cs 
€* UserService.cs 
4 加 Model 
> M Properties 
b wa 引用 
b €* ResultClass.cs 
4 回 MyDLL 
b M Properties 
b wa 引用 
b & My.cs 
4 Q web 
b E Bin 
38 ImageServer.ashx 
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1. DAL 中 的 UserService 


namespace DAL 
{ 
public class UserService 
{ 
public String login(String uName, String uPass) 
{ 
String s="failed"; 
using (SqlConnection con-new SqlConnection(DBHelper.conString) ) 
{ 
DBHelper DB=new DBHelper (con) ; 
SqlParameter pName=new SqlParameter ("@uName", SqlDbType. 
Char); pName.Value=uName; 
SqlParameter pPass=new SqlParameter ("@uPass", SqlDbType. 
Char); pPass.Value=uPass; 
try 
{ 
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DB.executeCommand("insert into users values (@uName, 
GuPass)", pName, pPass) ; 
s-"registered"; 
} 
catch 
{ 
if (DB.getScalar ("select count(*) from users where uName- 
@uName and uPass=@uPass", pName, pPass)>0) s="logined"; ; 
j 
con.Close(); 
) 
return S; 
} 
public String changePassword (String uName, String uPass,String uNewPass) 
{ 
String s="failed"; 
using (SqlConnection con=new SqlConnection(DBHelper.conString) ) 
{ 
DBHelper DB=new DBHelper (con) ; 
SqlParameter pNewPass = new SqlParameter ( " @ uNewPass", 
SqlDbType.Char); pNewPass.Value=uNewPass; 
SqlParameter pName = new SqlParameter ("@ uName", SqlDbType. 
Char); pName.Value=uName; 
SqlParameter pPass = new SqlParameter ("@uPass", SqlDbType. 
Char); pPass.Value=uPass; 
if (DB.executeCommand ("update users set uPass=@uNewPass where 
uName- à uName and uPass=@uPass", pNewPass, pName, pPass)»0) s 
-"changed"; 
con.Close(); 
) 


return S; 


2. DAL 中 的 ImageService 


namespace DAL 
{ 
public class ImageService 
{ 
bool verifyUser (DBHelper DB,String uName, String uPass) 


{ 
SqlParameter pName- new SqlParameter ("8 uName", SqlDbType. Char); 
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} 


pName.Value-uName; 
SqlParameter pPass- new SqlParameter ("Q8 uPass", SqlDbType. Char); 
pPass.Value-uPass; 
return((int)DB.getScalar("select count (* ) from users where uName 


=@uName and uPass=@uPass", pName, pPass)>0); 


public String getSharedImageList () 


{ 


) 


// 获 取 uName 用 户 的 图 片 列表 
DataTable dt=new DataTable ("images"); 
using (SqlConnection con-new SqlConnection (DBHelper.conString) ) 
{ 
DBHelper DB-new DBHelper (con); 
SqlDataAdapter adapter- DB.getAdapter ("select ID, uName, iDate, 
iFile,iShared from images where iShared-1 order by ID"); 
adapter.Fill(dt); 
con.Close(); 
} 


return My.serialize«DataTable» (dt); 


public String getUserImageList(String uName,String uPass) 


{ 


} 
public String uploadImage (String uName, String uPass, String iFile, 
byte[] data) 

{ 


// 获 取 uName 用 户 的 图 片 列表 
DataTable dt=new DataTable ("images"); 
using(SqlConnection con-new SqlConnection(DBHelper.conString)) 
{ 
DBHelper DB=new DBHelper (con); 
if(verifyUser(DB,uName, uPass)) 
{ 
SqlParameter pName=new SqlParameter ("@uName", SqlDbType. 
Char); pName.Value=uName; 
SqlDataAdapter adapter = DB. getAdapter ("select ID, uName, 
iDate,iFile, iShared from images where uName=@uName order 
by ID", pName) ; 
adapter.Fill (dt); 
} 
con.Close(); 
} 


return My.serialize<DataTable> (dt); 


String ID="0"; 
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using(SqlConnection con-new SqlConnection(DBHelper.conString) ) 
{ 
DBHelper DB=new DBHelper (con) ; 
if (verifyUser (DB,uName, uPass) ) 
{ 
SqlParameter pName=new SqlParameter ("G8 uName", SqlDbType. 
Char); pName.Value=uName; 
SqlParameter pDate-new SqlParameter ("@ iDate", SqlDbType. 
Char); pDate.Value=DateTime.Now.ToString ("yyyy- MM- dd HH: 
mm:ss"); 
SqlParameter pFile=new SqlParameter ("@iFile", SqlDbType. 
Char); pFile.Value=iFile; 
SqlParameter pData=new SqlParameter ("@ iData", SqlDbType. 
Image); pData.Value=data; 
if(DB.executeCommand("insert into images (uName, iDate, 
iFile,iData) values (6 uName, @ iDate, @ iFile, @ iData)", 
pName, pDate, pFile, pData)>0) 
{ 
// 插 入 成 功 时 获取 插入 记录 的 ID 
ID-DB.getScalar ("select top 1 ID from images order by ID 
desc").ToString(); 


) 
con.Close(); 
) 
return ID; 
) 
public byte[] downloadSharedImage (String ID) 
{ 
byte[] data=null; 
using (SqlConnection con-new SqlConnection(DBHelper.conString)) 
{ 
DBHelper DB=new DBHelper (con) ; 
SqlDataReader reader=DB.getReader ("select * from images where 
ID="+ID+" and iShared=1"); 
if (reader.Read()) 
{ 
// 读 取 图 片 二 进 制 数据 
data- (byte[]) reader["iData"]; 
} 
reader.Close(); 
con.Close(); 
} 


return data; 
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} 
public byte[] downloadUserImage (String uName, String uPass, String ID) 
{ 
byte[] data-null; 
using (SqlConnection con=new SqlConnection(DBHelper.conString) ) 
{ 
DBHelper DB=new DBHelper (con) ; 
if(verifyUser (DB,uName, uPass) ) 
{ 
SqlDataReader reader=DB.getReader ("select * from images 
where ID="+ID); 
if (reader.Read()) 
{ 
// 读 取 图 片 二 进 制 数据 
data- (byte[]) reader["iData"]; 
) 
reader.Close(); 
} 
con.Close(); 
} 
return data; 
} 
public String deleteImage (String uName, String uPass, String ID) 
{ 
String s="failed"; 
using (SqlConnection con=new SqlConnection(DBHelper.conString)) 
{ 
DBHelper DB=new DBHelper (con) ; 
if (verifyUser (DB,uName, uPass) ) 
{ 
if (DB.executeCommand ("delete from images where ID="+ID)> 
0) s="deleted"; 
} 
con.Close(); 
} 
return s; 
} 
public String setSharedList (String uName, String uPass,String sXml) 
{ 
String s="failed"; 
using (SqlConnection con-new SqlConnection(DBHelper.conString)) 
{ 
DBHelper DB=new DBHelper (con); 


if(verifyUser (DB,uName, uPass)) 
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// 清 除 共 享 标志 
SqlParameter pName-new SqlParameter ("@uName", SqlDbType. 
Char); pName.Value=uName; 
DB.executeCommand ("update images set iShared=0 where uName 
=@uName", pName) ; 
List<int>IDS=My.deserialize<List<int>> (sXml); 
foreach (int ID in IDS) 
{ 
// 设 置 共 享 标志 
DB.executeCommand ("update images set iShared=1 where 
ID="+ID.ToString()); 
} 
s="shared"; 
} 
con.Close(); 
} 


return s; 


3. Web 中 的 ImageServer. ashx 


using Model; 
using MyDLL; 
using DAL; 
public class server : IHttpHandler 
{ 
HttpContext context; 
String loginUser() 
{ 
// 注 册 与 登录 
String uName-My.decode (context.Request.QueryString["uName"]); 
String uPass-My.decode (context.Request.QueryString["uPass"]); 
UserService userService-new UserService(); 
return userService.login (uName, uPass); 
) 
String changePassword() 
{ 
// 更 改 密码 
String uName=My .decode (context.Request.QueryString["uName"]); 
String uPass-My.decode (context.Request.QueryString["uPass"]); 


String uNewPass-My.decode (context.Request.QueryString["uNewPass"]); 
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UserService userService-new UserService(); 
return userService.changePassword(uName, uPass,uNewPass); 

} 

String uploadImage () 

í 
// 上 传 图 片 
String uName=My.decode (context.Request.QueryString["uName"]) ; 
String uPass=My.decode (context.Request.QueryString["uPass"]); 
String iFile-My.decode (context.Request.QueryString["iFile"]); 
byte[] data-context.Request.BinaryRead (context.Request.TotalBytes); 
ImageService imageService-new ImageService(); 
return imageService.uploadImage (uName,uPass,iFile, data); 

} 

byte[] downloadSharedImage() 

if 
// 下 载 共 享 图 片 
String ID-context.Request.QueryString["ID"]; 
ImageService imageService-new ImageService(); 
return imageService.downloadSharedImage (ID); 

) 

byte[] downloadUserImage() 

{ 
// 下 载 用 户 图 片 
String uName-My.decode (context.Request.QueryString["uName"]); 
String uPass-My.decode (context.Request.QueryString["uPass"]); 
String ID-context.Request.QueryString["ID"]; 
ImageService imageService-new ImageService(); 
return imageService.downloadUserImage (uName,uPass,ID); 

) 

String getSharedImageList () 

| 
// 获 取 共 享 图 片 记录 
ImageService imageService-new ImageService(); 
return imageService.getSharedImageList(); 

) 

String getUserImageList() 

{ 
// 获 取 用 户 图 片 记录 
String uName-My.decode (context .Request .QueryString["uName"] ); 
String uPass-My.decode (context.Request.QueryString["uPass"]); 
ImageService imageService-new ImageService(); 
return imageService.getUserImageList (uName,uPass); 

} 

String setSharedList () 


} 
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// 设 置 共 享 图 片 记录 

String uName-My.decode (context.Request.QueryString["uName"]); 
String uPass-My.decode (context.Request.QueryString["uPass"]); 
byte[] buf=context.Request.BinaryRead (context.Request.TotalBytes) ; 
String sXml=Encoding.UTF8.GetString (buf); 

ImageService imageService-new ImageService(); 


return imageService.setSharedList (uName, uPass, sXml); 


String deleteImage() 


{ 


} 


// 删 除 图 片 

String uName-My.decode (context.Request.QueryString["uName"]); 
String uPass-My.decode (context.Request.QueryString["uPass"]); 
String ID-context.Request.QueryString["ID"]; 

ImageService imageService-new ImageService(); 


return imageService.deleteImage (uName, uPass, ID); 


public void ProcessRequest (HttpContext context) 


{ 


this.context=context; 

ResultClass res=new ResultClass(); 

byte[] data-null; 

// 获 取 opt 参数 

String opt=context.Request ["opt"]; 

try 

{ 
if(opt--"loginUser") res.message-loginUser(); 
else if (opt=="changePassword") res.message-changePassword(); 
else if (opt=="getSharedImageList") res.message=getSharedImageList () ; 
else if (opt=="getUserImageList") res.message=getUserImageList (); 


else if (opt=="downloadSharedImage") data=downloadSharedImage (); 


else if (opt=="downloadUserImage") data=downloadUserImage() ; 
else if (opt=="uploadImage") res.message-uploadImage(); 
else if (opt=="deleteImage") res.message-deleteImage(); 


else if (opt=="setSharedList") res.message=setSharedList (); 
res.state="success"; 

} 

catch (Exception exp) 

{ 
res.state="error"; res.message=exp .Message; 

} 

context .Response.Clear(); 


if (opt=="downloadSharedImage"| |opt=="downloadUserImage") 
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if(data !-null) 
{ 
context .Response.ContentType="application/octet- stream"; 


context .Response.BinaryWrite (data); 


} 
else 
{ 
context.Response.ContentType="text/plain"; 
context .Response.Write (My.serialize<ResultClass> (res) ); 
} 
context .Response.Flush(); 
} 
public bool IsReusable { 


get { return false; } 


26.3 客户 端 程序 
综合 前 面 的 各 节 ,客户 端 程序 结构 如 图 2-19 所 示 。 
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1. 界面 设计 


<Grid> 
<Grid.RowDefinitions> 
<RowDefinition Height="30" /> 
<RowDefinition Height-" * " /> 
«/Grid.RowDefinitions» 
«Grid Grid.Row="0"> 
<Grid.ColumnDefinitions> 
<ColumnDefinition Width="*" /> 
<ColumnDefinition Width="100" /> 
</Grid.ColumnDefinitions> 
<TextBox x:Name-"txtUrl" VerticalAlignment-"Center" Text="http:// 
localhost/web/ImageServer.ashx" Grid.Column="0" /> 
«Button x: Name="btCon" Content ="i4 #" VerticalAlignment-"Center" 
Height-"25" Width-"50" Grid.Column="1" Click-"btCon Click" /> 
«/Grid» 
«Grid Grid.Row="1"> 
<Grid.ColumnDefinitions> 
<ColumnDefinition Width="200" /> 
<ColumnDefinition Width-"* " /> 
</Grid.ColumnDefinitions> 
<DataGrid x:Name-"uGrid" AutoGenerateColumns="False" 
SelectionMode="Single" 
SelectionChanged-"uGrid SelectionChanged" 
CanUserResizeRows="False" CanUserAddRows =" False" Grid. Column="0" 
CanUserReorderColumns="False"> 
<DataGrid.Columns> 
<DataGridTextColumn x: Name =" colName" Binding =" (Binding 
uName}" Header= "用 户 " Width-"100" IsReadOnly="True" /> 
<DataGridTextColumn x: Name =" colDate" Binding =" {Binding 
iDate}" Header=" 日 期 " Width="100" IsReadOnly="True" /> 
<DataGridTextColumn x: Name =" colFile" Binding =" {Binding 
iFile}" Header- "文件 " Width="100" IsReadOnly="True" /> 
<DataGridCheckBoxColumn x: Name =" colShared" Binding =" (Binding 
iShared, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" 
IsThreeState-"False" IsReadOnly="False" Header=" 共 享 " Width- 
"100" Visibility="Hidden" /> 
</DataGrid.Columns> 
<DataGrid.ContextMenu> 
<ContextMenu x:Name="gridMenu" Opened="gridMenu_Opened"> 
«MenuItem x:Name="menuLogin" Header=" 用 户 登 录 " 
Click="menuLogin Click" /> 


«MenuItem x: Name="menuChangePassword" Header=" 更 改 密码 " 
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Click-"menuChangePassword Click" /» 

«Separator/» 

«MenuItem x: Name =" menuUploadImage" Header =" E f£ AH" 
Click-"menuUploadImage Click" /» 

«MenuItem x: Name =" menuDeleteImage" Header =" M RAH" 
Click-"menuDeleteImage Click" /» 

«MenuItem x:Name-"menuSetSharedImage" Header=" 设 置 共享 " 
Click="menuSetSharedImage Click" /> 

<Separator/> 

«MenuItem x: Name =" menuSaveAsImage" Header =" 另 存 图 片 " 
Click="menuSaveAsImage Click" /> 

<Separator/> 

«MenuItem x: Name =" menuRefreshImage" Header =" hill # Al Hr" 


Click-"menuRefreshImage Click" /> 


</ContextMenu> 


«/DataGrid.ContextMenu» 


«/DataGrid» 


<GridSplitter Width-"3" Background- "Red" /> 


«Image x:Name-"img" Stretch-"Fill" Grid.Column-"1"/» 
«/Grid» 
«/Grid» 


2， 程 序 设计 


namespace ImageClient 


{ 


public partial class MainWindow : Window 


{ 


WebClient client; 


String url="http://localhost/web/ImageServer.ashx"; 


// 当 前 用 户 

//currentName!="" 时 表示 有 用 户 登录 
String currentName="",currentPass=""; 
// 图 片 记录 表 与 视图 


DataTable dt; 


DataView dv; 


public MainWindow() 


{ 


InitializeComponent (); 


client=new WebClient (); 


client .Encoding=Encoding.UTF8; 
// 设 置 异步 函数 
client .DownloadStringCompleted+=client_DownloadStringCompleted; 


client .UploadDataCompleted+=client UploadDataCompleted; 
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client .DownloadDataCompleted+=client_DownloadDataCompleted; 
client .UploadStringCompleted+=client UploadStringCompleted; 
} 
void showMsg(String s) 
{ 
MessageBox.Show(s, "Information", MessageBoxButton. OK); 
} 
bool confirm(String s) 
f 
return (MessageBox.Show(s, "Information", MessageBoxButton.YesNo) 
--MessageBoxResult.Yes); 
) 
String encryptString (String s) 
{ 
MD5 md5=new MD5CryptoServiceProvider(); 
byte[] buf-Encoding.UTF8.GetBytes(s); 
buf=md5.ComputeHash (buf); 
s=""; 
foreach (byte x in buf) s=s+x.ToString("X2"); 
return s; 
} 
void client UploadStringCompleted (object sender, 
UploadStringCompletedEventArgs e) 
{ 
// 设 置 图 片 共 享 后 触发 此 函数 
try 
{ 
ResultClass res-My.deserialize«ResultClass» (e.Result); 
if(res.state--"success") 
{ 
if(res.message--"shared") showMsg ("SEE AH JJ] 1") ; 
else showMsg ("共享 图 片 失败 !"); 
} 
else showMsg (res.message); 
} 
catch (Exception exp) { showMsg (exp.Message); } 
} 
void showImage (byte[] data) 
{ 
// 显 示 图 片 
try 
{ 
BitmapImage bm=new BitmapImage (); 


bm.BeginInit(); 
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bm.StreamSource=new MemoryStream (data) ; 
bm.EndInit(); 
img.Source-bm; 
} 
catch (Exception exp) ( showMsg(exp.Message) ; img.Source-null; } 
} 
void client DownloadDataCompleted (object sender, 
DownloadDataCompletedEventArgs e) 
{ 
// 下 载 图 片 成 功 后 触发 此 函数 
if(e.Result !=null) showImage (e.Result); 
else img.Source-null; 
} 
void client_UploadDataCompleted (object sender, 
UploadDataCompletedEventArgs e) 
{ 
// 上 传 图 片 完成 后 触发 此 函数 
try 
{ 
String s-Encoding.UTF8.GetString(e.Result); 
ResultClass res-My.deserialize«ResultClass» (s); 
if(res.state--"success") 
{ 
if(res.message !="0") 
{ 
DataRow row=dt.NewRow () ; 
row["ID"]-res.message; 
row["uName"]-currentName; 
row["iFile"]-e.UserState.ToString(); 
row["iDate"]-DateTime.Now.ToString ("yyyy-MM- dd 
HH:mm:ss"); 
row["iShared"]- false; 
dt .Rows .Add (row); 
dt .AcceptChanges(); 
} 
else showMsg ("AH E f£ AW 1); 
) 
else showMsg(res.message) ; 
} 
catch (Exception exp) { showMsg(exp.Message) ; } 
} 
void client DownloadStringCompleted (object sender, 
DownloadStringCompletedEventArgs e) 
{ 
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// 获 取 图 片 记录 、 用 户 注册 登录 、 删 除 图 片 、 更 改 密码 触发 此 函数 
try 
{ 
MessageClass msg= (MessageClass)e.UserState; 
ResultClass res-My.deserialize«ResultClass» (e.Result); 
if(res.state--"success") 
{ 
if (msg.opt=="getSharedImageList") 
{ 


// 获 取 共 享 图 片 记录 表 
dt=My.deserialize<DataTable> (res.message) ; 
dt.Columns.Add("iData", typeof (byte[])); 


dv=dt .DefaultView; 
dv.Sort="iDate desc"; 
uGrid.ItemsSource=dv; 
colShared.Visibility=Visibility.Hidden; 
if (msg.message=="connect") 
{ 
// 如 果 是 连接 则 设置 
txtUrl.IsEnabled=false; 
btCon.Content= "Mf FF"; 


} 
else if (msg.opt=="loginUser") 
{ 
// 用 户 注册 或 者 登录 后 重新 获取 用 户 所 拥有 的 图 片 记录 表 
if (res.message=="logined" || res.message- 


{ 


"registered") 


currentName-msg.message; 
//currentPass 已 经 设置 
Uri uri=new Uri (url+"?opt=getUserImageListéuName 
="+ My. encode (currentName) +" &uPass="+ My. encode 
(currentPass), UriKind.Absolute); 
client.DownloadStringAsync (uri, new MessageClass 
{ opt="getUserImageList", message=currentName }); 
} 
else 
{ 
showMsg(" 用 户 登 录 或 者 注册 失败 ") ; 
currentName=""; 


currentPass-""; 


} 


else if (msg.opt=="getUserImageList") 
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// 获 取 用 户 所 拥有 的 图 片 记 录 表 
dt-My.deserialize«DataTable» (res.message) ; 
dt .Columns.Add("iData", typeof (byte[])); 
dv-dt.DefaultView; 
dv.Sort-"iDate desc"; 
uGrid.ItemsSource-dv; 
colShared.Visibility-Visibility.Visible; 
) 
else if (msg.opt--"deleteImage") 
{ 
// 删 除 图 片 
if (res.message=="deleted") 
{ 
int index=int.Parse(msg.message) ; 
dv [index] .Delete(); 
dt .AcceptChanges(); 


} 
else if (msg.opt--"changePassword") 
{ 
// 更 改 密码 
currentPass=msg.message; 


showMsg (res.message); 


) 
else showMsg(res.message) ; 
} 
catch (Exception exp) { showMsg(exp.Message) ; } 
} 
private void uGrid SelectionChanged (object sender, 
SelectionChangedEventArgs e) 
{ 
int index=uGrid.SelectedIndex; 
if( index>=0) 
{ 
try 
{ 
if (dv [index] ["iData"]==DBNull1.Value) 
{ 
// 如 果 图 片 不 在 缓存 中 就 去 服务 器 下 载 
DataRowView row=dv[index]; 
String ID=row["ID"] .ToString() .Trim() 


if (currentName=="") 
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Uri uri-new Uri (url+"?opt=downloadSharedImage&ID=" 
*ID, Urikind.Absolute) ; 
client.DownloadDataAsync(uri, index); 

} 

else 


{ 


Uri uri=new Uri (url* "?opt-downloadUserImage&ID-" 
+ID+"&uName="+My.encode (currentName) + "&uPass="+ 
My.encode (currentPass), UriKind.Absolute); 


client.DownloadDataAsync(uri, index); 


) 
else 
{ 
// 如 果 图 片 在 缓存 中 就 直接 显示 
byte[] data=(byte[])dv[index] ["iData"]; 


showImage (data) ; 


} 


catch(Exception exp) { showMsg (exp.Message); } 


} 
private void btCon_Click (object sender, RoutedEventArgs e) 


{ 
if (btCon.Content.ToString()=="E#") 
{ 
url-txtUrl.Text.Trim(); 
if(url !="") 
{ 
try 
{ 
// 连 接 成 功 后 获取 共享 图 片 记 录 表 
Uri uri=new Uri (url+"?opt=getSharedImageList", 
UriKind.Absolute); 
client.DownloadStringAsync (uri, new MessageClass { opt 
="getSharedImageList", message- "connect" }); 
) 
catch (Exception exp) { showMsg (exp.Message); } 


} 
else if(confirm(" 确 实 要 断 开 连接 吗 ?") ) 
{ 

// 断 开 连 接 后 删除 所 有 显示 
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btCon.Content="i£ HE"; 
txtUrl.IsEnabled=true; 
dt=null; 

dv-null; 
uGrid.ItemsSource-null; 
img.Source-null; 
menuLogin.IsEnabled-false; 
currentName-""; 


currentPass-""; 


} 
private void menuLogin Click (object sender, RoutedEventArgs e) 
{ 
if (currentName== 
{ 


// 用 户 注册 登录 
LoginWindow dlg=new LoginWindow(); 
dlg.Owner=this; 
dlg.ShowDialog(); 
if(dlg.state--"OK") 
{ 
String uName=dlg.uName; 
String uPass=dlg.uPass; 
if(uName !-"" && uPass !="") 
1 
// 注 册 登 录 成 功 后 获取 用 户 所 拥有 的 所 有 图 片 记 录 表 
try 
{ 
//W E currentPass 
currentPass=encryptString(uPass) ; 
Uri uri=new Uri (url+"?opt=loginUser&uName="+ My. 
encode (uName) +"&uPass="+My. encode (currentPass), 
UriKind.Absolute); 
client.DownloadStringAsync (uri, new MessageClass 
{ opt="loginUser", message-uName ]); 
) 


catch (Exception exp) { showMsg (exp.Message); } 


) 
else 
{ 
// 用 户 注销 ,获取 所 有 共享 图 片 记录 表 


currentName=""; 
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currentPass-""; 

try 

{ 
Uri uri-new Uri(url+"?opt=getSharedImageList", 
UriKind.Absolute); 
client.DownloadStringAsync(uri, new MessageClass ( opt- 
"getSharedImageList", message-"" ]); 

} 


catch(Exception exp) { showMsg (exp.Message); } 


} 
private void menuUploadImage Click(object sender, RoutedEventArgs e) 
{ 
OpenFileDialog dlg=new OpenFileDialog(); 
dlg.Filter="Images|* .jpg; * .png"; 
if ( (bool) dlg.ShowDialog()) 
{ 
// 上 传 图 片 
try 
{ 
String fn=dlg.FileName; 
int p=fn.LastIndexOf ("\\") ; 
if(p>=0) fn=fn.Substring(pt1); 
DataRow row-dt.AsEnumerable().FirstOrDefault (x=> 
x["iFile"].ToString().Trim().ToLower()--fn.ToLower()); 
if(row--null) 
{ 
FileStream fs-new FileStream(dlg. FileName, 
FileMode.Open) ; 
byte[] data=new byte[fs.Length]; 
fs.Read (data, 0, data.Length); 
fs.Close(); 
Uri uri-new Uri (url* "?opt- uploadImage&uName- "+ 
My.encode (currentName) +"&uPass="+ 
My .encode (currentPass)+"&iFile="+My.encode (fn), 
UriKind.Absolute); 
client.UploadDataAsync (uri, "POST", data, fn); 
) 
else showMsg (fn+ "GAFFE 1") ; 
) 


catch(Exception exp) { showMsg (exp.Message); ) 


} 


private void menuSetSharedImage Click (object sender, RoutedEventArgs e) 
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if(currentName !="") 


try 


// 组 织 共 享 图 片 的 ID, 组 成 一 个 XML 字符 串 
List<int>IDS=new List<int>(); 
foreach (DataRow row in dt.Rows) 
if ((bool) row["iShared"]) IDS.Add((int)row["ID"]); 

Uri uri=new Uri(url+"?opt=setSharedList &uName="+ 
My.encode (currentName)+"é&uPass="+ 
My.encode (currentPass), UriKind.Absolute); 
client.UploadStringAsync(uri, "POST", My.serialize« List 
«int»» (IDS)); 

) 

catch(Exception exp) ( showMsg (exp.Message); ) 


) 
private void menuDeleteImage Click (object sender, RoutedEventArgs e) 
{ 
if (uGrid.SelectedIndex>=0) 
{ 
if(confirm(" 确 实 要 删除 该 图 片 吗 ?") ) 
{ 
try 
{ 
DataRowView row-dv[uGrid.SelectedIndex]; 
String ID-row["ID"].ToString().Trim(); 
Uri uri-new Uri (url* "?opt-deleteImage&ID- "*ID-* 
"&uName-"*My.encode(currentName)-*"&uPass-"-* 
My .encode (currentPass), UriKind.Absolute); 
client.DownloadStringAsync (uri, new MessageClass { opt 
="deleteImage", message- uGrid.SelectedIndex.ToString 
00D: 
) 
catch(Exception exp) ( showMsg (exp.Message); ) 


} 
private void menuRefreshImage Click(object sender, RoutedEventArgs e) 
{ 

// 刷 新 图 片 记 录 

try 

{ 
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Uri uri-new Uri(url+"?opt=getSharedImageList", 
Urikind.Absolute) ; 
client .DownloadStringAsync (uri, new MessageClass { opt= 
"getSharedImageList", message-"" }); 
} 
catch (Exception exp) { showMsg (exp.Message) ; } 
) 
private void menuChangePassword Click(object sender, RoutedEventArgs e) 
{ 
// 修 改 密码 
PasswordWindow dlg-new PasswordWindow() ; 
dlg.ShowDialog(); 
if(dlg.res--"OK") 
{ 
String uNewPass-encryptString (dlg.uPass); 
try 
{ 
Uri uri=new Uri (url+"?opt=changePassword&uName= "+ 
My. encode (currentName) +"&uPass="+My. encode (currentPass) + 
"guNewPass="+My.encode(uNewPass) , UriKind.Absolute); 
client .DownloadStringAsync (uri, new MessageClass { opt= 
"changePassword", message=uNewPass ]); 
} 


catch(Exception exp) { showMsg (exp.Message); } 


} 
private void menuSaveAsImage Click (object sender, RoutedEventArgs e) 
{ 
// 图 片 另存 到 本 地 磁盘 
int index=uGrid.SelectedIndex; 
if (index>=0) 
{ 
try 
{ 
String fileName=dv [index] ["iFile"] .ToString(); 
SaveFileDialog dlg=new SaveFileDialog(); 
dlg.FileName-fileName; 
if((bool)dlg.ShowDialog()) 
{ 
FileStream fs=new FileStream(dlg.FileName, 
FileMode.Create) ; 
byte[] data=(byte[])dv[index] ["iData"]; 
fs.Write(data, 0, data.Length); 
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fs.Close(); 


) 


catch(Exception exp) ( showMsg (exp.Message); ) 


} 
private void gridMenu Opened (object sender, RoutedEventArgs e) 
{ 
// 弹 出 菜单 时 确定 哪些 菜单 是 可 以 使 用 的 ,哪些 是 不 可 以 使 用 的 
if (currentName=="") 
{ 
menuLogin .Header=" 用 户 登 录 "; 
menuChangePassword.IsEnabled- false; 
menuDeleteImage.IsEnabled=false; 
menuUploadImage.IsEnabled- false; 
menuSetSharedImage.IsEnabled- false; 
menuRefreshImage. IsEnabled= (btCon.Content .ToString ()== "lE" ) ; 
) 
else 
{ 
menuLogin.Header=" 用 户 注 销 "; 
menuChangePassword.IsEnabled=true; 
menuDeleteImage.IsEnabled- (uGrid.SelectedIndex>=0); 
menuUploadImage.IsEnabled-true; 
menuSetSharedImage.IsEnabled-true; 
menuRefreshImage.IsEnabled-false; 
) 
menuLogin.IsEnabled- (btCon.Content.ToString()-- "IT ") E 


menuSaveAsImage.IsEnabled- (uGrid.SelectedIndex»-0); 


26.4 拓展 训练 


这 个 项 目 中 服务 器 的 功能 是 维护 管理 一 组 用 户 与 图 片 ,没有 任何 界面 ,客户 端 采 用 
WPF 设计 成 窗 体 界面 显示 用 户 与 图 片 信息 。 实 际 上 这 样 的 服务 器 是 通用 的 ,也 可 以 设 
计 其 他 客户 端 来 与 该 服务 器 进行 交互 。 例 如 把 客户 端 设计 成 一 个 网 页 界面 ,通过 浏览 器 
来 浏览 ,或 者 把 客户 端 设计 成 一 个 Android 或 者 iOS 的 手机 App 等 都 是 可 以 的 ,有 兴 
的 读者 可 以 尝试 。 
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1. 如 果 把 服务 器 做 成 一 个 普通 网 页 server. aspx, 客 户 端 是 一 个 WPF 程序 ,编写 服 
务 器 与 客户 端 程序 ,客户 端 向 服务 器 发 送 用 户 名 称 uName 与 密码 uPass 信息 ,服务 器 获 
取 后 把 它们 发 回 客 户 端 , 比 较 网 页 服务 器 server. aspx 与 一 般 服 务 器 程序 server. ashx 的 
差异 。 

2. 定义 一 个 用 户 信息 类 UserClass; 

public class UserClass 

í 

public String uName { get; set; } 


public String uPass { get; set; } 
} 


客户 端 程序 把 用 户 信息 用 XML 序列 化 后 使 用 WebClient 的 UploadString 把 字符 串 
提交 给 服务 器 程序 ,服务 器 接收 后 反 序列 化 成 UserClass 对 象 。 
3. 定义 一 个 文件 类 FileClass: 


public class FileClass 
{ 
public String Name { get; set; } 
public byte[] Data { get; set; } 
} 
其 中 Name, Data 分 别 是 文件 名 称 与 文件 数据 ,编写 客户 端 与 服务 器 程序 ,客户 端 确定 一 
个 上 传 的 文件 后 生成 一 个 文件 对 象 ,把 这 个 文件 对 象 序列 化 成 XML 字符 串 上 传 给 服务 
器 ,服务 器 接收 后 反 序列 化 成 文件 对 象 。 
4. 客户 端 上 传 一 个 二 进 制 文件 给 服务 器 时 必须 上 传 文件 名 称 与 文件 数据 ,如 果 规 定 
只 能 使 用 WebClient 的 UploadData 一 次 上 传 完毕 ,那么 可 以 考虑 把 文件 名 称 转 为 二 进 
制 数 据 与 文件 数据 一 起 上 传 ,可 以 这 样 组 合 二 进 制 数 据 : 
第 一 部 分 ,用 开始 的 两 个 字 节 记录 文件 名 称 的 二 进 制 数据 长 度 。 
第 二 部 分 ,文件 名 称 的 二 进 制 数据 。 
第 三 部 分 ,文件 的 二 进 制 数据 。 
编写 客户 端 程序 与 服务 器 程序 ,客户 端 确定 一 个 上 传 文件 ,并 把 文件 数据 按 这 个 要 
求 组 合 ,然后 用 UploadData 函数 一 次 性 上 传 给 服务 器 ,服务 器 接收 这 组 二 进 制 数据 后 分 
解 出 文件 名 称 与 实际 的 文件 数据 ,把 文件 存储 到 服务 器 磁盘 中 。 


基于 微 信 的 成 绩 得 询 程序 


Web Service 是 类 似 于 网 页 的 一 种 Web 服务 ,但 又 不 同 于 网 页 ,网 页 提供 界面 与 数 
据 供用 户 浏览 , Web Service 只 提供 函数 供 客户 端的 程序 调用 ,客户 端 通过 一 定 的 协议 调 
用 服务 器 的 Web Service 的 函数 实现 与 服务 器 的 通信 。 

微 信 是 目前 最 常用 的 App 之 一 ,基于 微 信 的 应 用 越 来 越 多 , 它 使 得 移动 端的 程序 不 
再 依赖 专用 的 App, 而 是 使 用 微 信 这 个 特殊 的 App 就 能 完成 移动 开发 。 

微 信 成 绩 查询 系统 后 台 基 于 Web Service 实现 成 绩 管理 ,前 台 基 于 微 信 查询 成 绩 。 
成 绩 管理 部 分 包括 客户 端 与 服务 器 两 大 部 分 ,客户 端 程序 登录 后 就 可 以 实现 课程 记录 管 
理学 生 记录 管理 ,成 绩 记录 管理 。 

图 3-1 所 示 为 程序 结构 ,手机 用 户 通 过 微 信 服务 器 与 成 绩 服务 器 进行 交互 ,计算 机 客 
户 端 直接 与 成 绩 服务 器 进行 交互 。 


Internet Internet Internet 
L] 一 一 ———— 


手机 App 微 信服 务 器 成 绩 服务 器 计算 机 客户 端 
3-1 程序 结构 


图 3-2 至 图 3-5 为 客户 端 程序 的 各 个 功能 界面 ,管理 员 可 以 对 课程 、 学 生 以 及 每 个 学 
生 每 门 课程 的 成 绩 进行 管理 。 


URL http://localhost/web/WeChatMarkService.asmx 
FAP Admin 


Sg eee C=] 


[课程 管理 | [ 学生 管 理 ] [ 成绩 管 理 | 


图 3-2 客户 端 管理 程序 
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图 3-5 成 绩 记 录 管 理 
微 信 平台 部 分 为 课程 成 绩 查询 申请 了 一 个 微 信 公 众 号 ,学 生 用 户 关注 公众 号 后 凭 自 
已 的 学 号 与 查询 密码 查询 成 绩 ,命令 格式 是 
学 号 ,密码 
输入 学 号 与 密码 后 发 送 给 微 信服 务 器 ,就 能 查询 到 自己 的 成 绩 ,如 果 学 号 或 者 密码 


不 正确 ,会 收 到 一 条 错误 信息 。 
学 生 也 可 以 修改 查询 密码 ,命令 格式 是 


学 号 , 旧 密 码 , 新 密码 
输入 学 号 、 旧 密码 ,新 密码 后 发 送 给 微 信服 务 器 ,就 能 修改 自己 的 密码 ,如 图 3-6 
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所 示 。 


蕊 。 DotNetWeb 课 程 


微 信 成 绩 查询 


3-6” 微 信和 成 绩 查 询 


3.1 RRC 2 
3.4.4. 案例 展示 


设计 一 个 Web 网 站 , 它 包含 一 个 名 称 为 MarkService. asmx 的 Web Service, 这 个 服 
务 管理 一 组 课程 ,每 门 课程 都 有 一 个 唯一 的 ID 号 和 一 个 课程 名 称 。 同 时 设计 一 个 WPF 
的 客户 端 MarkClient, 它 访问 该 服务 ,并 能 实现 课程 的 增加 、 更 新 、 删 除 等 课程 管理 操作 ， 
如 图 3-7 所 示 。 


|DotNetWeb 编 程 实践 增加 | 更 新 | me 


图 3-7 课程 管理 
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3.1.2 技术 要 点 


1. 数据 库 表 


课程 记录 存储 在 数据 库 中 ,在 SQL Server 中 建立 数据 库 , 然 后 在 数据 库 中 建立 
subjects 课程 表 , 这 个 表 包 含 一 个 自动 增长 的 ID 号 字段 .课程 名 称 字段 sSubject» SQL fr 
令 如 下 : 
create table subjects 
( 
sID int identity(1,1) primary key, 


sSubject varchar (128) 
) 


这 个 sID 自动 成 为 每 个 课程 的 唯一 编号 及 关键 字 ,是 确定 一 门 课程 的 唯一 标识 。 
2. Web Service 概述 


Web Service( ak fk Web 服务 ) 是 部 署 在 Web 网 站 上 的 一 种 特殊 网 页 ,这 种 网 页 不 是 
给 客户 浏览 的 ,而 是 给 开发 人 员 使 用 的 。ASP. NET 的 Web Service 的 文件 扩展 名 称 为 
" x .asmx”, 它 依赖 IIS 执行 。 

服务 器 的 Web Service 实际 上 是 一 组 开放 的 接口 函数 ,客户 端 可 以 调用 这 些 函 数 。 
那么 客户 端 怎样 知道 服务 器 的 Web Service 有 什么 接口 函数 呢 ? 这 需要 定义 一 套 协 议 来 
实现 ,XML(XSD) SOAP 和 WSDL 就 是 构成 Web Service 平台 的 三 大 协议 。 

1) XML(XSD) 

Web Service 采用 HTTP 协议 传输 数据 ,采用 XML 格式 封装 数据 , 即 XML 中 说 明 
调用 远程 服务 对 象 的 哪 一 个 方法 ,传递 的 参数 是 什么 以 及 服务 对 象 的 返回 结果 是 什么 。 

XML 虽然 解决 了 数据 表示 的 问题 ,但 它 没有 定义 一 套 标准 的 数据 类 型 。 例 如 整形 
数 到底 代 表 什 么 ,16 位 还 是 32 位 ,这 些 细节 对 实现 互 操作 性 很 重要 。 因 此 还 需要 XSD 
(XML Schema) 来 解决 这 个 问题 ,XSD 定义 了 一 套 标准 的 数据 类 型 ,并 给 出 了 一 种 语言 
来 扩展 这 套数 据 类 型 , Web Service 平台 就 是 用 XSD 来 作为 其 数据 类 型 系统 的 。 

2) SOAP 

Web Service 通过 HTTP 协议 发 送 请 求 和 接收 结果 时 ,发 送 的 请 求 内 容 和 结果 内 容 
都 采用 XML 格式 封装 ,并 增加 了 一 些 特定 的 HTTP 消息 头 , 这 些 特定 的 HTTP 消息 头 
和 XML 内 容 格式 就 是 SOAP 协议 。 可 以 理解 为 SOAP 协议 就 是 HTTP 协议 与 XML 
数据 的 组 合 ,SOAP 协议 定义 了 SOAP 消息 的 格式 , 它 是 基于 HTTP 协议 的 ,也 是 基于 
XML 和 XSD 的 。 简 单 来 讲 ,SOAP 封装 了 服务 器 的 接口 函数 的 函数 名 称 、 函 数 参数 与 类 
型 .返回 结果 类 型 等 信息 。 

3) WSDL 

Web Service 客户 端 要 调用 一 个 Web Service 服务 ,首先 要 知道 这 个 服务 的 地 址 在 哪 
JL ,并 知道 这 个 服务 里 有 什么 函数 可 以 调用 。 所 以 Web Service 服务 器 端 首 先 要 通过 一 
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个 WSDL 文件 来 说 明 服务 器 里 有 哪些 函数 可 以 被 外 部 调用 ,服务 中 有 哪些 方法 ,方法 接 
受 的 参数 是 什么 ,返回 值 是 什么 ,这 些 信息 都 必须 告诉 调用 者 。WSDL (Web Services 
Description Language) 就 是 这 样 一 个 基于 XML 的 语言 ,用 于 描述 Web Service HER 
数 、 参 数 和 返回 值 , 它 是 Web Service 客户 端 和 服 

微软 公司 的 Visual Studio 能 够 自动 生成 iw 
WSDL 信息 , 同时 在 客户 端 能 自动 生成 Web 
Service 的 代理 类 代码 ,这 些 功能 使 得 开发 Web 
为 Web Service 服务 器 与 客户 端 程序 的 结构 ,它们 BSS WebiSemviee Pees 
之 间 通 过 SOAP 协议 在 Internet 网 上 传输 数据 与 
指令 。 


Internet 


务 器 端 都 能 理解 的 标准 格式 。 
Service 的 服务 器 与 客户 端 都 变 得 十 分 简单 ,图 3-8 Web Service 服 务 器 客户 器 


3. Web Service 


在 ASP. NET 网 站 中 添加 Web Service 很 简单 ,选择 网 站 后 执行 “添加 新 项 ”命令 , 弹 
出 “添加 新 项 ”对 话 框 后 ,选择 Web 服务 (ASMX)”, 输 入 服务 的 名 称 , 例如 输入 
MarkService. asmx, 然 后 单 击 “ 添 加 ”按钮 ,如 图 3-9 所 示 。 


| RRA P= 搜索 已 安装 模板 (Ctrl+ 日 


WCF 服 务 Visuace ^ 类型，Visual C# 
用 于 创建 Web 服务 的 可 视 设计 类 
WCF 服务 (支持 Ajax) Visual C# 
" 
Web API Controller Class (v1)Visual C# 


Web API 控制 器 类 (v2) Visual C# 
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N mew Visual C# 
Sh est 


MarkService.asmx 


3-9 增加 Web Service 


Visual Studio 会 自动 为 这 个 服务 MarkService. asmx 生成 如 下 的 代码 : 


<%@Web Service Language="C# " Class-"MarkService" %> 
using System; 

using System.Web; 

using System.Web.Services; 


using System.Web.Services.Protocols; 
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[Web Service(Namespace-"http://tempuri.org/")] 
[Web ServiceBinding (ConformsTo-WsiProfiles.BasicProfilel 1)] 
public class MarkService: System.Web.Services.Web Service 
{ 

[WebMethod] 

public String HellowWorld() 

{ 

return "Hellow World!"; 


} 


其 中 服务 类 MarkService 从 系统 的 Web Service 类 派生 ,类 中 有 一 个 函数 HelloWorld ,该 
函数 返回 一 个 字符 串 。HelloWorld 函数 有 两 个 重要 的 特征 ,一 个 是 函数 声明 为 public. 
另 一 个 是 函数 的 前 面 有 一 个 说 明 LWebMethod], 有 这 样 两 个 特征 的 函数 就 是 一 个 接口 函 
数 , 是 客户 端 能 够 识别 与 调用 的 函数 。 

在 类 MarkService 的 前 面 有 一 个 特性 说 明 : 

[Web Service (Namespace="http://tempuri.org/") ] 
该 特性 说 明 服务 的 命名 空间 是 http: //tempuri. org/, 这 个 命名 空间 是 可 以 更 改 的 ,一 般 
建议 设置 为 网 站 的 地 址 ,以 保证 其 唯一 性 。 

另外 还 有 一 个 特性 说 明 : 

[Web ServiceBinding (ConformsTo=WsiProfiles.BasicProfilel 1)] 
这 个 特性 说 明 Web Service 采用 的 绑 定 协议 ,一般 为 BasicHttpBinding. 这 个 特性 不 用 
修改 。 


解决 方案 资源 管理 器 vax 
4. 服务 器 3 层 结构 oodm|o-e8|*-5 
Jj mi i 3 层 结 & 343 搜索 解决 方案 资源 管理 器 (Ctrl+)) P~ 
WS iB FP HB ER H 3 ES fi ; [ra] 解决 方案 WeChatMark' (4 个 项 目 ) 
项 目 MarkModel, MarkDAL, MarkBLL 及 一 个 | 4 回 MarkBLL 
web 网 站 ,如 图 3-10 所 示 。 Ix or Ms 
1) MarkModel cs SubjectManager.cs 
这 是 数据 模型 类 库 , 在 其 中 设计 一 个 |4 E Maral 
b £ Properties 
SubjcetClass 类 与 数据 库 表 Subjects 对 应 ,这 个 b wu 引用 


b © DBHelper.cs 

b © SubjectService.cs 
4 回 MarkModel 

b £ Properties 


类 有 sID,sSubject 属性 。 


public class SubjectClass 
{ 


b wa 引用 
public int sID { get; set; } P cs ModelClass.cs 
public String sSubject { get; set; } 4 Q web 

b E Bin 


} 


38 MarkService.asmx 
2) MarkDAL 解决 方案 资源 管理 器 Ec 
这 是 数据 访问 层 ,其 中 包含 DBHelper 类 来 图 3-10 服务 器 结构 
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完成 数据 库 的 基本 操作 。 设 计 SubjectService 类 实现 课程 的 管理 ,其 中 getSubjectDataTable 
函数 用 来 获取 课程 的 数据 表 , 另 外 的 addSubject、updateSubject、deleteSubject 函数 分 别 
实现 课程 的 增加 、 更 新 、 删 除 操作 ,每 个 函数 的 变量 都 采用 SubjectClass 类 变量 负责 传递 
最 新 的 课程 数据 。 
namespace MarkDAL 
f 
public class SubjectService 
{ 
public int addSubject (ref SubjectClass s) 
{ 
int ID=0; 
using(SqlConnection con=new SqlConnection(DBHelper.conString)) 
{ 
DBHelper DB=new DBHelper (con) ; 
SqlParameter pSubject=new SqlParameter { ParameterName= 
"@sSubject", SqlDbType-SqlDbType.Char, Value=s.sSubject }; 
if (DB.executeCommand ("insert into subjects (sSubject) values 
(@sSubject)", pSubject)>0) 
{ 
ID=DB.getScalar("select top 1 sID from subjects order by 
sID desc"); 
S.SID-ID; 
) 
con.Close(); 
} 
return ID; 
} 
public bool deleteSubject (SubjectClass s) 
{ 
bool flag=false; 
using (SqlConnection con-new SqlConnection(DBHelper.conString)) 
t 
DBHelper DB=new DBHelper (con); 
SqlParameter pID= new SqlParameter { ParameterName="@sID", 
SqlDbType=SqlDbType.Int, Value=s.sID }; 
if (DB.executeCommand ("delete from subjects where sID=@sID", 
pID)>0) flag=true; 
con.Close(); 
} 
return flag; 
} 
public bool updateSubject (SubjectClass s) 
{ 
bool flag=false; 


} 


} 
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using(SqlConnection con-new SqlConnection(DBHelper.conString)) 


{ 


} 


DBHelper DB=new DBHelper (con) ; 

SqlParameter pID=new SqlParameter { ParameterName="@sID", 
SqlDbType=SqlDbType.Int, Value=s.sID }; 

SqlParameter pSubject=new SqlParameter { ParameterName= 
"@sSubject", SqlDbType-SqlDbType.Char, Value=s.sSubject }; 
if (DB.executeCommand ("update subjects set sSubject=@sSubject 
where sID=@sID", pSubject,pID)>0) flag=true; 


con.Close(); 


return flag; 


public DataTable getSubjectDataTable() 


{ 


DataTable dt=new DataTable ("Subjects"); 
using (SqlConnection con-new SqlConnection(DBHelper.conString)) 


{ 


) 


DBHelper DB-new DBHelper (con); 

SqlDataAdapter adapter-DB.getAdapter("select * from subjects 
order by sSubject"); 

adapter.Fill(dt); 


con.Close(); 


return dt; 


3) MarkBLL 
这 是 业务 逻辑 层 ,定义 SubjectManager 类 进一步 架 起 与 MarkDAL 层 的 桥梁 ,由 于 
业务 简单 ,所 以 这 个 层 的 函数 基本 上 都 是 直接 调用 MarkDAL 层 的 对 应 函数 ,这 里 不 再 


列 出 。 


3.4.3 服务 器 程序 


在 MarkService. asmx 中 增加 addSubject , updateSubbject .deleteSubject 函数 实现 课 
程 的 增加 、` 更 新 .删除 ,同时 getSubjectDataTable 函数 获取 课程 的 数据 集 ,程序 如 下 : 


<%@WebService Language="C# " Class-"MarkService" %> 


using System; 


using System.Web; 


using System.Web.Services; 


using System.Web.Services.Protocols; 


using System.Data; 


using MarkModel; 
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using MarkBLL; 

[WebService (Namespace="http://tempuri.org/") ] 
[WebServiceBinding(ConformsTo-WsiProfiles.BasicProfilel 1) ] 
public class MarkService : System.Web.Services.WebService 

{ 

WebMethod] 

public DataTable getSubjectDataTable() 


SubjectManager manager-new SubjectManager(); 


return manager.getSubjectDataTable(); 


WebMethod] 
public bool updateSubject (SubjectClass s) 


SubjectManager manager-new SubjectManager (); 
return manager.updateSubject (s); 

) 
WebMethod] 

public int addSubject (SubjectClass s) 


SubjectManager manager-new SubjectManager(); 
return manager.addSubject (ref s); 
} 


WebMethod] 

public bool deleteSubject (SubjectClass s) 

{ 

SubjectManager manager=new SubjectManager(); 


return manager.deleteSubject (s); 


} 


这 个 程序 编写 好 后 ,在 浏览 器 上 调试 执行 ,就 可 以 看 到 图 3-11 所 示 的 结果 ,这 个 页 面 
上 显示 出 这 几 个 函数 是 可 以 被 客户 端 识别 的 , 即 是 公开 的 接口 函数 。 


MarkService 


支持 下 列 操作 。 有 关 正式 定义 ， 请 查看 服务 说 明 。 
* addSubject 
* deleteSubject 


A 3-11 Web Service 接口 函数 
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3.1.4 客户 端 程序 
1. 界面 设计 


客户 端 采用 WPF 程序 结构 ,界面 部 分 主要 包含 一 个 DataGrid 控件 用 来 显示 课程 数 
据 集 ,另外 还 放置 了 增加 、 删 除 、 更 新 的 按钮 ,XAML 代码 如 下 : 


<Window x:Class="MarkClient.MainWindow" x:Name="mainWindow" 
xmlns-"http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
xmlns:x-"http://schemas.microsoft.com/winfx/2006/xaml" 
Title=" 课 程 管理 " Height-"222.427" Width-"367.66" Loaded-"mainWindow 
Loaded"> 
<Grid> 
<Grid.RowDefinitions> 
<RowDefinition Height="* " /> 
<RowDefinition Height="30" /> 
</Grid.RowDefinitions> 
<DataGrid x:Name="mGrid" Grid. Row="0" AutoGenerateColumns="False" 
SelectionMode="Single" IsReadOnly="True" > 
<DataGrid.Columns> 
<DataGridTextColumn Binding="{Binding sID}" Header="ID" 
Width="50" /> 
<DataGridTextColumn Binding=" {Binding sSubject)"  Header- 
"课程 ” /> 
</DataGrid.Columns> 
</DataGrid> 
<StackPanel Orientation="Horizontal" Grid.Row="1"> 
«TextBlock Text=" 课 程 " Width="50" VerticalAlignment="Center" /> 
<TextBox x: Name =" txtSubject" Width =" 150" VerticalAlignment = 
"Center" /> 
«Button x:Name- "btAdd" Content=" 增 加 " Width="50" 
VerticalAlignment="Center" Click-"btAdd Click" /> 
«Button x:Name="btUpdate" Content=" 更 新 " Width="50" 
VerticalAlignment-"Center" Click-"btUpdate Click"/» 
«Button x:Name="btDelete" Content="MH BR"  width-"50" 
VerticalAlignment-"Center" Click-"btDelete Click"/> 
«/StackPanel» 
«/Grid» 


«/Window» 


2. 代码 设计 


1) 添加 服务 引用 
客户 端 要 调用 服务 器 的 Web Service 接口 函数 ,首先 要 找到 这 些 函 数 的 函数 名 称 、 函 
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数 参数 等 信息 。 在 Visual Studio 中 执行 "项目 "一 “添加 服务 引用 ”命令 ,弹出 “添加 服务 
引用 ”对 话 框 ,在 地 址 中 输入 服务 器 的 地 址 , 单 击 “ 转 到 ”按钮 客户 端 就 可 以 发 现 服务 器 的 
Web Service 服务 ,这 个 服务 有 4 个 接口 函数 。 接 下 来 在 命名 空间 中 输入 一 个 名 称 ,例如 
输入 WS 作为 命名 空间 的 名 称 , 如 图 3-12 所 示 。 随 后 单 击 “ 确 定 ” 按 钮 关闭 对 话 框 。 


若 要 查看 特定 服务 器 上 的 可 用 服务 列表 ， 请 输入 服务 URL ,然后 单 击 " 转 到 "。 若 要 浏览 可 用 的 服务 ， 请 单 击 "发 
m 


地 址 (A): 
http://localhost/web/MarkService.asmx | 转 到 (G) 发 现 (D) | - 


操作 (O): 

Q addSubject 

|| € deleteSubject 

@ getSubjectDataTable 
@ updateSubject 


在 地 址 "http://localhost/web/MarkService.asmx" 处 找到 1 个 服务 。 


3-12 添加 服务 引用 


添加 服务 引用 的 过 程 实际 上 就 是 客户 端 为 服务 器 函数 生成 本 地 的 代理 函数 的 过 程 ， 
客户 端 调 用 服务 器 函数 时 只 要 调用 本 地 的 代理 函数 就 可 以 了 ,代理 函数 负责 与 服务 器 交 
互 ,这 样 开发 客户 端 程序 就 变 得 十 分 简单 。 

2) 调用 服务 器 函数 

在 客户 端 首先 要 建立 一 个 访问 服务 器 的 对 象 client, 这 个 对 象 定义 如 下 : 


WS .MarkServiceSoapClient client; 


其 中 WS 是 在 前 面 定义 的 命名 空间 的 名 称 , 这 个 空间 中 有 一 个 名 为 MarkService- 
SoapClient 的 类 ,这 个 类 是 客户 端 在 添加 服务 引用 时 自动 生成 的 代理 类 ,这 个 类 中 包含 了 
服务 器 的 4 个 接口 函数 的 代理 函数 ,而 且 名 称 与 服务 器 的 函数 一 样 ,只 要 调用 这 个 类 的 
对 应 函数 ,就 等 同 于 调用 了 服务 器 的 函数 。 为 客户 端 编 写 程序 代码 如 下 : 


public partial class MainWindow : Window 
[ 
WS.MarkServiceSoapClient client; 
DataTable dt; 
DataView dv; 
public MainWindow () 
{ 
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InitializeComponent () ; 
} 
void showMsg (String s) 
{ 
MessageBox.Show(s, "Information", MessageBoxButton.OK) ; 
} 
bool confirm(String s) 


{ 


return (MessageBox.Show(s, "Confirmation", MessageBoxButton.YesNo) == 
MessageBoxResult.Yes); 


} 
private void btAdd Click (object sender, RoutedEventArgs e) 


{ 
String s=txtSubject.Text.Trim(); 


int sID= client. addSubject (new WS. SubjectClass { sID=0, 


sSubject=s }); 

if (sID>0) 

{ 
DataRow row-dt.NewRow(); 
row["sID"]=sID; 
row["sSUbject"]=s; 
dt.Rows .Add (row); 
dt.AcceptChanges (); 


} 
catch(Exception exp) { showMsg (exp.Message); } 


} 
private void btUpdate Click(object sender, RoutedEventArgs e) 
{ 
String s=txtSubject.Text.Trim(); 
int index=mGrid.SelectedIndex; 
if(s !="" && index>=0) 
{ 
if(confirm(" 确 实 要 更 新 ?") ) 
{ 
try 
{ 


if (client .updateSubject (new WS.SubjectClass { sID- (int)dv 


[index] ["sID"], sSubject=s })) 
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dv [index] ["sSubject"]=s; 


dt .AcceptChanges(); 


} 
catch(Exception exp) { showMsg (exp.Message); } 


} 
private void btDelete Click (object sender, RoutedEventArgs e) 


{ 
int index-mGrid.SelectedIndex; 
if (index>=0) 
{ 
if (confirm ("MH BRIAR 2") ) 
{ 
try 


{ 
if (client .deleteSubject (new WS.SubjectClass { sID- (int)dv 


[index] ["sID"], sSubject=dv [index] ["sSubject"].ToString 
() 39 


{ 
dv [index] .Delete(); 


dt .AcceptChanges(); 


} 
catch(Exception exp) { showMsg (exp.Message); } 


) 


private void mainWindow Loaded(object sender, RoutedEventArgs e) 


try 


client=new WS.MarkServiceSoapClient (); 
dt-client.getSubjectDataTable(); 
dv-dt.DefaultView; 
mGrid.ItemsSource-dv; 


} 
catch (Exception exp) { showMsg(exp.Message); } 


) 
程序 中 使 用 一 个 DataTable 对 象 dt 来 存储 从 服务 器 获取 的 课程 数据 集 , 这 个 数据 集 
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在 程序 窗 体 装 载 时 就 获取 ,然后 通过 它 的 DataView 对 象 绑 定 到 DataGrid 上 ,显示 出 课 
程 信息 。 


3.1.5 拓展 训练 


如 果 服 务 器 端 有 错误 出 现 ,此 时 服务 器 会 抛 出 一 个 错误 ,而 且 客户 端 能 捕 提 到 这 个 
错误 。 读 者 可 以 尝试 把 数据 库 的 subjects 表 改 成 另外 一 个 名 字 ,此 时 服务 器 会 抛 出 找 不 
到 subjects 表 的 错误 ,客户 端 运行 时 可 以 看 到 这 个 错误 的 信息 ,如 图 3-13 所 示 。 


System.Web Services Protocols SoapException: 服务 器 无 法 处 理 请 求 。 -> System.Data.SqlClient.SqlException: 对 象 名 ‘subjects! FEB 
在 System.Data.SqlClient.SqlConnection.OnError(SqlException exception, Boolean breakConnection, Action'1 wrapCloselnAction) 
在 System.Data.SglClient.SgllnternalConnection.On£rror(SqlException exception, Boolean breakConnection, Action’ 

wrapCloselnAction) 

H System.Data.SqlClient.TdsParser.ThrowExceptionAndWarning(TdsParserStateObject stateObj, Boolean callerHasConnectionLock, 

Boolean asyncClose) 
1€ System.Data.SqlClient.TdsParser.TryRun(RunBehavior runBehavior, SqiCommand cmdHandler, SqlDataReader dataStream, 

BulkCopySimpleResultSet bulkCopyHandler, TdsParserStateObject stateObj, Boolean& dataReady) 

4 System.Data.Sq|Client.SqlDataReader. TryconsumeMetaDataQ) 

# System. Data.SqiClient.SqlDataReader.get_ MetaData() 

% System. Data.SqiClient.SqlCommand.FinishExecuteReader(SqlDataReader ds, RunBehavior runBehavior, String resetOptionsString) 

& System.Data SqiClient. SqlCommand..RunExecuteReaderIds(CommandBehavior cmdBehavior, RunBehavior runBehavior, Boolean 
returnStream, Boolean async, Int32 timeout, Task& task, Boolean asyncWrite, SqlDataReader ds) 

#: System.Data.SqlClient.qICommand.RuntxecuteReader(CommandBehavior cmdBehavior, RunBehavior runBehavior, Boolean 
returnStream, String method, TaskCompletionSource"1 completion, Int32 timeout, Task& task, Boolean asyncWrite) 

# System. Data.SqiClient.SqlCommand.RunExecuteReader(CommandBehavior cmdBehavior, RunBehavior runBehavior, Boolean 
returnStream, String method) 

{E System. Data.Sq[Client.SqlCommand.ExecuteReader(CommandBehavior behavior, String method) 

{E System.Data.SqlClient.SqlCommand.£xecuteDbDataReader(CommandBehavior behavior) 

4& System.Data.Common.DbCommand.System.Data.IDbCommand.ExecuteReader(CommandBehavior behavior) 

1 System.Data.Common.DbDataAdapter Filllnternal(DataSet dataset, DataTable[] datatables, Int32 startRecord, Int32 maxRecords, 

String srcTable IDbCommand command, CommandBehavior behavior) 

在 System.Data.Common.DbDataAdapter.Fill(DataTable[] dataTables, Int32 startRecord, Int32 maxRecords, IDbCommand command, 

CommandBehavior behavior) 

4 System.Data.Common.DbDataAdapter.Fill(DataTable dataTable) 
1 WeChatMarkDAL SubjectService.getSubjectDataTable() 位 置 c:\book\WeChat\DAL\SubjectService.cs:#7 65 
1 WeChatMarkBLL SubjectManager.getSubjectDataTable() 位 置 c:\book\WeChat\BLL\SubjectManager.cs:f73 35 
 WeChatMarkService.getSubjectDataTable() 位 置 di\web\WeChatMarkService.asmvc 行 号 21 

内 部 异常 堆栈 跟踪 的 结尾 - 


图 3-13 ”错误 信息 


由 此 可 见 , 客 户 端 不 但 可 以 调用 Web Service 服务 器 的 函数 ,还 能 捕捉 到 服务 器 的 异 
常 , 这 些 都 是 本 地 代理 的 功劳 ,本 地 代理 极 大 地 简化 了 客户 端的 程序 。 有 兴趣 的 读者 可 
以 在 解决 方案 资源 管理 器 中 单 击 WS 打开 对 象 管理 器 ,查看 WS 空间 的 各 个 类 的 定义 ， 
它们 就 是 本 地 的 代理 。 


3.2 ZERRE 
3.2.1 案例 展示 


下 面 扩 展 服务 器 端的 功能 ,使 得 它 能 够 管理 学 生 记录 ,学 生 信 息 包括 学 号 、 姓 名 、 密 
码 。 青 设计 客户 端 程序 管理 学 生 的 记录 ,输入 学 生 的 学 号 、 姓 名 密码 信 息 后 单 击 “ 增 加 ” 
按钮 就 增加 一 个 学 生 , 单 击 " 更 新 ”就 更 新 该 学 生 的 信息 ,选择 一 条 学 生 记 录 后 单 击 “ 删 
除 ? 按 钮 就 删除 该 学 生 ,如 图 3-14 所 示 。 
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图 3-14 学 生 管 理 


322 技术 要 点 


1. RER 


在 数据 库 中 建立 学 生 信息 表 students, 包 括 学 号 sNo、 姓 名 sName 以 及 学 生 密 码 
sPass 信息 ,SQL 命令 如 下 : 


create table students 

( 
sNo varchar (32) primary key, 
sName varchar (32), 
sPass varchar (256) 


) 
在 MarkModel 中 设计 StudentClass 学 生 类 与 这 个 表 对 应 : 


public class StudentClass 

{ 
public String sNo { get; set; } 
public String sName { get; set; } 


public String sPass { get; set; } 


2. 学 生 管理 


在 MarkDAL 中 增加 StudentService 的 类 文件 ,设计 增加 学 生 函 数 addStudent 更 新 
Æ RŽ updateStudent WIR Æ R% deleteStudent ,这 些 函 数 都 以 StudentClass 对 象 
作为 函数 参数 。 在 管理 学 生 记 录 时 以 sNo 为 关键 字 查找 学 生 记 录 。 为 了 在 客户 端 能 获 
取 学 生 记 录 , 男 外 设计 获取 学 生 数 据 集 函数 getStudentdataTable, 这 个 函数 没有 参数 。 

namespace MarkDAL 


{ 


public class StudentService 
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public bool addStudent (StudentClass s) 
{ 
bool flag=false; 
using (SqlConnection con=new SqlConnection(DBHelper.conString) ) 
{ 
DBHelper DB=new DBHelper (con) ; 
SqlParameter pNo- new SqlParameter { ParameterName="@sNo", 
SqlDbType=SqlDbType.Char, Value=s.sNo }; 
SqlParameter pName=new SqlParameter { ParameterName="@sName", 
SqlDbType-SqlDbType.Char, Value=s.sName }; 
SqlParameter pPass=new SqlParameter { ParameterName="@sPass", 
SqlDbType=SqlDbType.Char, Value=s.sPass ); 
try 
{ 
if (DB.executeCommand("insert into students (sNo, sName, 
sPass) values (@sNo,@sName,@sPass)", pNo, pName, pPass) > 
0) flag=true; 
} 
catch { } 
con.Close(); 
} 
return flag; 
} 
public bool deleteStudent (StudentClass student) 
{ 
bool flag=false; 
using (SqlConnection con-new SqlConnection (DBHelper.conString) ) 
{ 
DBHelper DB=new DBHelper (con) ; 
SqlParameter pNo- new SqlParameter { ParameterName="@sNo", 
SqlDbType=SqlDbType.Char, Value-student.sNo }; 
if (DB.executeCommand ("delete from students where sNo=@sNo", 
PNo)>0) flag=true; 
con.Close(); 
} 
return flag; 
} 
public bool updateStudent (StudentClass student) 
{ 
bool flag=false; 
using(SqlConnection con-new SqlConnection(DBHelper.conString) ) 
{ 
DBHelper DB=new DBHelper (con) ; 
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} 


SqlParameter pNo=new SqlParameter { ParameterName="@sNo", 
SqlDbType=SqlDbType.Char, Value=student.sNo }; 

SqlParameter pName=new SqlParameter { ParameterName= 
"@sName", SqlDbType=SqlDbType.Char, Value=student.sName }; 
SqlParameter pPass=new SqlParameter { ParameterName= 
"@sPass", SqlDbType=SqlDbType.Char, Value=student.sPass }; 
if (DB.executeCommand ("update students set sName=@sName,sPass 
=@sPass where sNo=@sNo", pNo, pName,pPass)>0) flag=true; 


con.Close(); 


return flag; 


} 


public DataTable getStudentDataTable() 


{ 


DataTable dt=new DataTable ("students"); 


using (SqlConnection con=new SqlConnection(DBHelper.conString) ) 


{ 


) 


DBHelper DB-new DBHelper (con); 

SqlDataAdapter adapter-DB.getAdapter("select * from students 
order by sNo"); 

adapter.Fill(dt); 


con.Close(); 


return dt; 


) 


1E MarkBLL 中 定义 StudentManager 类 ,进一步 架 起 与 MarkDAL 层 的 桥梁 ,由 于 
业务 简单 ,所 以 这 个 层 的 函数 基本 上 都 是 直接 调用 MarkDAL 层 的 对 应 函数 ,这 里 不 再 


列 出 。 


3.2.3 服务 器 端 程序 


在 MarkService. asmx 中 增加 addStudent ,updateStudent , deleteStudent 函数 实现 学 
生 记 录 的 增加 、 更 新 、 删 除 ,同时 getStudentDataTable 函数 获取 课程 的 数据 集 ,它们 都 是 
直接 调用 MarkBLL 中 StudentManager 类 的 对 应 函数 ,这 些 函 数 又 调用 MarkDAL 中 
StudentService 的 对 应 函数 ,程序 如 下 : 


<%@WebService Language="C# " Class="MarkService" %> 


using System; 


using System 
using System 
using System 


using System 


.Web; 

.Web.Services; 
.Web.Services.Protocols; 
.Data; 
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using MarkModel; 


using MarkBLL; 


[WebService (Namespace="http://tempuri.org/") ] 


[WebServiceBinding(ConformsTo-WsiProfiles.BasicProfilel 1) ] 


public class MarkService : System.Web.Services.WebService 


{ 


3.2.4 


WebMethod] 
public DataTable getStudentDataTable() 


StudentManager manager=new StudentManager (); 


return manager.getStudentDataTable(); 


WebMethod] 
public bool updateStudent (StudentClass s) 


StudentManager manager=new StudentManager (); 
return manager.updateStudent (s); 

) 

[WebMethod] 

public bool addStudent (StudentClass s) 

{ 
StudentManager manager=new StudentManager (); 
return manager.addStudent(s); 

} 

[WebMethod] 

public bool deleteStudent (StudentClass s) 

{ 
StudentManager manager-new StudentManager (); 


return manager.deleteStudent (s); 


客户 端 程序 


1. 界面 设计 


客户 端 界面 主要 包含 一 个 DataGrid 显示 学 生 数据 集 , 另 外 有 3 个 TextBox 用 于 输 
入 学 号 、 姓 名、 密码 ,3 个 Button 用 于 实现 增加 、 删 除 、 更 新 的 按钮 操作 。 


<Window x:Class="MarkClient.MainWindow" x:Name= "mainWindow" 


xmlns-"http://schemas.microsoft.com/winfx/2006/xaml/presentation" 


xmlns:x-"http://schemas.microsoft.com/winfx/2006/xaml" 


Title=" 学 生 管 理 " Height-"222.427" Width-"331.94" Loaded- "mainWindow | 


Loaded"> 
<Grid> 
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«Grid.RowDefinitions» 
<RowDefinition Height-"* " /> 
«RowDefinition Height-"30" /» 
«RowDefinition Height-"30" /» 
«/Grid.RowDefinitions» 
«DataGrid x:Name="mGrid" Grid. Row="0" AutoGenerateColumns-"False" 
SelectionMode- "Single" IsReadOnly="True"> 


<DataGrid.Columns> 


<DataGridTextColumn Binding="{Binding sNo)" Header=" 学 号 " 
Width-"50" /> 

<DataGridTextColumn Binding="{Binding sName}" Header=" 姓 
4" Width="100" /> 

<DataGridTextColumn Binding="{Binding sPass)" Header="#% 


fj" width-"100" /> 
«/DataGrid.Columns» 
</DataGrid> 
<StackPanel Orientation="Horizontal" Grid.Row="1"> 
<TextBlock Text- "€ 57" VerticalAlignment="Center" /> 
<TextBox x:Name="txtNo" Text="" Width="80" VerticalAlignment= 
"Center" /> 
<TextBlock Text- "lE A" VerticalAlignment="Center" /> 
<TextBox x:Name="txtName" Text-"" Width-"80" VerticalAlignment- 


"Center" /> 


<TextBlock Text- "fij" VerticalAlignment- "Center" /> 
<TextBox x:Name-"txtPass" Text-"" Width-"80" VerticalAlignment- 
"Center" /> 
«/StackPanel» 
<StackPanel Orientation-"Horizontal" Grid.Row-"2"» 
«Button x:Name- "btAdd" Content=" 增 加 " widthn- "50" 
VerticalAlignment-"Center" Click-"btAdad Click" /> 
«Button x:Name- "btUpdate" Content=" 更 新 " Width="50" 
VerticalAlignment-"Center" Click-"btUpdate Click"/» 
«Button x:Name- "btDelete" Content=" 删 除 " width- "50" 
VerticalAlignment-"Center" Click-"btDelete Click"/» 
«/StackPanel» 
«/Grid» 
«/Window» 


2. 代码 设计 


在 程序 启动 时 就 获取 学 生 记录 数据 集 , 并 显示 在 DataGrid 控件 上 。 学 号 sNo 是 学 
生 记 录 的 关键 字 , 因 此 在 增加 学 生 时 先 在 客户 端 对 学 号 进行 检测 ,如 果 已 经 有 相同 学 号 
的 学 生 记 录 ,就 不 再 增加 该 学 生 。 为 了 简单 起 见 , 程 序 采 用 同步 操作 的 函数 与 服务 器 进 
行 通信 。 
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public partial class MainWindow : Window 


{ 


WS .MarkServiceSoapClient client; 
DataTable dt; 

DataView dv; 

public MainWindow () 
InitializeComponent () ; 

void showMsg (String s) 


MessageBox.Show(s, "Information", MessageBoxButton.OK); 


bool confirm(String s) 


return(MessageBox.Show(s, "Confirmation", MessageBoxButton.YesNo)-- 
MessageBoxResult.Yes); 
} 
private void btAdd Click (object sender, RoutedEventArgs e) 
{ 
String sNo=txtNo. Text. Trim(), sName=txtName. Text. Trim (), sPass- 
txtPass.Text.Trim(); 
if(sNo!-"" &&sName!="") 
{ 
DataRow row=dt.AsEnumerable().FirstOrDefault (x=>x["sNo"]. 
ToString()--sNo); 
if(row!-null) 
{ 
showMsg (sNo* "已 经 存在 !") ; return; 
) 
if(sPass--"") sPass-sNo; 
try 
{ 
if(client.addStudent (new WS. StudentClass { sNo- sNo, sName= 
sName,sPass-sPass])) 
{ 
row-dt.NewRow(); 
row["sNo"]=sNo; 
row["sName"]-sName; 
row["sPass"]-sPass; 
dt.Rows.Add (row); 
dt.AcceptChanges(); 


} 


catch (Exception exp) { showMsg(exp.Message); } 
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} 
private void btUpdate Click (object sender, RoutedEventArgs e) 
{ 
String sName=txtName.Text.Trim(), sPass=txtPass.Text.Trim(); 
int index=mGrid.SelectedIndex; 
if (sName !="" && index>=0) 
{ 
String sNo=dv [index] ["sNo"].ToString(); 


if (sPass= ) sPass=sNo; 
try 
{ 
if(client.updateStudent (new WS.StudentClass { sNo- sNo, sName 
-sName, sPass-sPass })) 
{ 
dv [index] ["sName"]=sName; 
dv[index]["sPass"]-sPass; 


dt.AcceptChanges (); 


) 


catch (Exception exp) { showMsg (exp.Message); } 


) 


private void btDelete Click(object sender, RoutedEventArgs e) 
{ 
int index=mGrid.SelectedIndex; 
if (index>=0) 
{ 
if(confirm(" 删 除 该 学 生 ?") ) 
{ 
try 
{ 
if (client.deleteStudent (new WS.StudentClass ( sNo-dv 
[index] ["sNo"].ToString(),sName-"",sPass-"" })) 
{ 
dv [index] .Delete(); 
dt .AcceptChanges(); 


} 
catch(Exception exp) { showMsg (exp.Message); } 
} 


private void mainWindow_Loaded(object sender, RoutedEventArgs e) 


try 
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client-new WS.MarkServiceSoapClient(); 
dt-client.getStudentDataTable(); 
dv-dt.DefaultView; 
mGrid.ItemsSource-dv; 

} 

catch (Exception exp) { showMsg(exp.Message); } 


3.25 拓展 训练 


在 实际 应 用 中 一 般 需要 把 一 批 学 生 记录 导入 到 服务 器 ,而 不 是 像 目 前 这 个 程序 那样 
一 个 一 个 地 将 学 生 增 加 到 服务 器 。 一 般 来 说 学 生 名 单 常 常 是 一 个 Excel 文件 ,第 一 列 是 
学 号 ,第 二 列 是 姓名 。 这 个 Excel 文件 可 以 另存 为 CSV Xk. CSV 文件 是 一 个 文本 文 
件 , 文 件 中 同一 行 的 不 同 数据 用 逗号 隔 开 , 这 个 CSV. 文件 的 格式 如 下 : 


这 样 的 文件 数据 是 很 容易 导入 到 系统 中 的 。 
1. 服务 器 设计 


在 服务 器 的 MarkDAL 的 StudentService 中 增加 一 个 appendStudentList 的 函数 ,这 
个 函数 负责 批量 增加 学 生 记 录 : 


public int appendStudentList (List<StudentClass>students) 
{ 
int count=0; 
using (SqlConnection con=new SqlConnection (DBHelper.conString) ) 
{ 
DBHelper DB-new DBHelper (con); 
foreach (StudentClass s in students) 
{ 
SqlParameter pNo = new SqlParameter ( ParameterName =" à sNo", 
SqlDbType-SqlDbType.Char,Value-s.sNo]; 
SqlParameter pName- new SqlParameter ( ParameterName="@ sName", 
SqlDbType-SqlDbType.Char,Value-s.sName]; 
SqlParameter pPass- new SqlParameter ( ParameterName-" (9 sPass", 
SqlDbType-SqlDbType.Char, Value-s.sPass }; 
try 
{ 
// 有 些 记 录 已 经 在 数据 库 表 中 ,插入 该 记录 会 失败 


if(DB.executeCommand ("insert into students (sNo,sName,sPass) 
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values (@sNo,@sName,@sPass)", pNo, pName,pPass)>0)++count; 
} 
catch { } 
} 
con.Close(); 
} 
return count; 


} 


函数 接受 一 个 List<StudentClass> fi] 51 4B RB. "EJ: 32 588 Jn B] — dit A E f op e pl 
表 。 在 增加 的 时 候 , 如 果 一 个 学 生 已 经 存在 ,就 不 再 增加 ;如 果 不 存在 ,就 增加 到 students 
表 中 。 

同时 在 MarkBLL 的 StudentManager 中 也 增加 一 个 类 似 的 appendStudentList PR 
数 , 它 调用 StudentService 中 对 应 的 appendStudentList ph Zt. E MarService. asmx 中 增 
加 appendStudentList 的 接口 函数 : 


[WebMethod] 
public int appendStudentList (List<StudentClass>students) 


{ 
StudentManager manager=new StudentManager(); 


return manager.appendStudentList (students); 


2. 客户 端 设计 
在 客户 端 再 增加 一 个 导入 按钮 : 


<Button x:Name="btLoad" Content=" 导 人 " Width="50" VerticalAlignment= 
"Center" Click="btLoad Click" /> 


编写 这 个 按钮 的 事件 函数 ,执行 时 选择 磁盘 中 一 个 CSV. 文件 ,这 个 CSV 文件 的 数据 
格式 是 一 个 学 生 信息 占 一 行 , 读 出 一 行 ,用 逗号 分 开 两 个 数据 ,前 面 一 个 为 学 号 ,后 面 一 
个 为 姓名 ,学 生 的 密码 初始 值 设 置 为 学 号 ,就 可 以 生成 List < WS. StudentClass > J| X 
students, 调 用 服务 器 的 appendStudentList 函数 就 完成 批量 导 和 学生 名 单 到 服务 器 的 工 
作 。 学 生 名 单 批量 导入 后 再 次 刷新 学 生 数据 集 ,重新 绑 定 到 DataGrid 中 显示 。 


private void btLoad Click(object sender, RoutedEventArgs e) 
ji 
OpenFileDialog dlg-new OpenFileDialog(); 
dlg.Filter-"csv|* .csv"; 
if((bool)dlg.ShowDialog()) 
{ 
List<WS.StudentClass>students=new List<WS.StudentClass> (); 
StreamReader sr=new StreamReader (dlg.FileName, Encoding.Default); 


String s-""; 
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while((s-sr.ReadLine())!-null) 
{ 
String[] st-s.Split (new char[] ( ',' }, StringSplitOptions. 
RemoveEmptyEntries); 
if(st.Length--2) students.Add (new WS.StudentClass ( sNo-st[0], 
sName-st[1], sPass-st[0] }); 
} 
sr.Close(); 
try 
{ 
if(client.appendStudentList (students.ToArray ())>0) 
í 
dt-client.getStudentDataTable(); 
dv-dt.DefaultView; 


mGrid.ItemsSource-dv; 


} 


catch (Exception exp) { showMsg(exp.Message); } 


3.3 成 绩 记 录 管 理 


3.3.1 案例 展示 


每 个 学 生 都 有 各 门 课程 的 成 绩 ,在 服务 器 端 设计 管理 成 绩 的 功能 ,并 设计 Web 
Service 接口 函数 ,在 客户 端 调用 这 些 接口 函数 就 可 以 实现 对 成 绩 的 管理 ,如 图 3-15 所 
示 。 在 客户 端 启 动 后 得 到 所 有 的 课程 列表 , 放 在 一 个 下 拉 列 表 框 中 ,当选 择 一 门 课程 后 
就 显示 出 每 个 学 生 该 门 课 程 的 成 绩 。 客 户 端 在 成 绩 一 列 可 以 输入 每 个 学 生 的 成 绩 ,输入 
完成 后 单 击 “提交 成 绩 ? 按 钮 就 把 成 绩 提 交 到 服务 器 保存 。 


A315 成 绩 管理 
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332 技术 要 点 


1. 数据 库 表 
在 数据 库 中 建立 学 生成 绩 表 marks. SQL 命令 如 下 : 


create table marks 

( 
sNo varchar (32) not null foreign key references students (sNo) on delete 
cascade, 
sID int not null foreign key references subjects (sID) on delete cascade, 
mMark int, 
constraint mark_pk primary key (sNo,sID) 


) 


这 个 表 包 含 学 号 SNo .课程 编号 SID IK At mMark, 其 中 sNo Sp HEB students 的 
sNo 字段 ,sID 外 键 参照 subjets 表 的 SID 字段 。 组 合 (SNo,sID) 成 为 关键 字 , 因 为 一 个 学 
生 可 以 有 很 多 门 课程 ,每 门 课程 只 有 一 个 成 绩 。 

在 MarkModel 中 设计 MarkClass 类 与 这 个 表 的 各 个 字段 对 应 : 


public class MarkClass 

{ 
public String sNo { get; set; } 
public int sID { get; set; } 
public int mMark { get; set; } 


2. 成 绩 管理 


在 MarkDAL 中 设计 MarkService 类 文件 ,再 设计 getMarkDataTable 函数 获取 SID 
课程 编号 的 学 生成 绩 数据 集 。 在 客户 端 选择 一 门 课程 时 ,必须 得 到 这 门 课程 的 学 生成 绩 
数据 集 , 而 这 个 数据 集 是 从 marks 表 中 得 到 的 ,因此 要 设计 insertStudentList 函数 , 它 是 
一 个 内 部 调用 的 函数 ,目的 是 在 选择 一 门 课程 后 ,在 marks 表 中 生成 这 门 课程 的 所 有 学 
生 记 录 。updateMarkList 函数 是 更 新 学 生成 绩 的 函数 ,其 中 的 参数 是 一 个 成 绩 列表 List 
二 MarkClass 二 类 型 , 它 包 含 了 所 有 学 生 的 该 门 课 程 的 成 绩 。 


namespace MarkDAL 
{ 
public class MarkService 
{ 
public int updateMarkList (List<MarkClass>marks) 
{ 
int count=0; 


using (SqlConnection con=new SqlConnection(DBHelper.conString)) 
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DBHelper DB-new DBHelper (con); 
foreach (MarkClass m in marks) 
{ 
SqlParameter pNo=new SqlParameter ( ParameterName="@sNo", 
SqlDbType=SqlDbType.Char, Value=m.sNo }; 
SqlParameter pID=new SqlParameter { ParameterName="@sID", 
SqlDbType=SqlDbType.Int, Value=m.sID }; 
SqlParameter pMark=new SqlParameter { ParameterName= 
"@mMark", SqlDbType-SqlDbType.Int, Value=m.mMark }; 
if (DB.executeCommand ("update marks set mMark=@mMark where 
sNo=@sNo and sID=@sID", pMark, pNo, pID)>0)++count; 
} 
con.Close(); 
} 
return count; 
} 
void insertStudentList (DBHelper DB,SqlParameter pID) 
{ 
SqlDataAdapter adapter- DB.getAdapter ("select sNo from students 
where sNo not in(select sNo from marks where sID=@sID)", pID); 
DataTable dt-new DataTable(); 
adapter.Fill(dt); 
foreach (DataRow row in dt.Rows) 
{ 
SqlParameter pNo- new SqlParameter { ParameterName="@sNo", 
SqlDbType=SqlDbType.Char, Value=row["sNo"] }; 
DB.executeCommand("insert into marks (sNo, sID, mMark) values 


(@sNo,@sID,0)", pNo,pID); 


} 
public DataTable getMarkDataTable(int sID) 
{ 
DataTable dt=new DataTable ("marks"); 
using (SqlConnection con=new SqlConnection(DBHelper.conString)) 
{ 
DBHelper DB=new DBHelper (con) ; 
SqlParameter pID=new SqlParameter { ParameterName="@sID", 
SqlDbType=SqlDbType.Int, Value=sID }; 
insertStudentList (DB, pID); 
String sql="select st.sNo as sNo, sName, sSubject, mMark from 
students st join marks m on st.sNo-m.sNo join subjects su on 
m.sID-su.sID and su.sID=@sID order by st.sNo,sSubject"; 
SqlDataAdapter adapter-DB.getAdapter (sql, pID); 
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adapter.Fill (dt); 
con.Close(); 
} 


return dt; 


3. 成 绩 输入 框 


在 客户 端的 成 绩 列 是 一 个 可 编辑 的 列 ,因此 采用 二 DataGridTemplateColumn 二 模 
板 来 设置 该 列 。 该 列 的 单元 数据 处 于 显示 状态 时 使 用 TextBlock 控件 直接 显示 ,如 果 
处 于 编辑 状态 ,就 变 成 一 个 名 称 为 txtMark 的 可 编辑 的 TextBox 控件 。 这 个 列 的 结构 
如 下 : 


«DataGridTemplateColumn x:Name-"markColumn" Header="M4i" Width="100" 
IsReadOnly="False"> 
<DataGridTemplateColumn.CellTemplate> 
<DataTemplate> 
<TextBlock Text="{Binding mMark}" /> 
</DataTemplate> 
</DataGridTemplateColumn.CellTemplate> 
<DataGridTemplateColumn.CellEditingTemplate> 
<DataTemplate> 
<TextBox x:Name="txtMark" Text="{Binding mMark,Mode=TwoWay}" 
PreviewKeyDown-"txtMark PreviewKeyDown" MaxLength-" 3" 
TextChanged-"txtMark TextChanged" > 
«/TextBox» 
</DataTemplate> 
«/DataGridTemplateColumn.CellEditingTemplate» 
</DataGridTemplateColumn> 


在 成 绩 输 入 时 ,为 了 让 输入 的 成 绩 控 制 在 0 一 100 的 范围 内 ,设置 txtMark 的 
MaxLength 一 "3" 控 制 最 多 可 以 输入 3 个 字符 ,同时 设置 其 PreviewKeyDown 事件 函数 ， 
这 个 函数 控制 txt Mark 中 只 能 输入 数字 及 退 格 键 , 输 入 其 他 键 无 效 。 


<private void txtMark_PreviewKeyDown (object sender, KeyEventArgs e) 

{ 
// 成 绩 输入 框 值 允许 输入 0-9 的 数字 与 退 格 
if (e.Key>=Key.D0 && e.Key«-Key.D9||e.Key--Key.Back) e.Handled=false; 
else e.Handled=true; 


另外 还 要 设置 TextChanged 事件 函数 ,这 个 函数 随时 监测 输入 的 值 ,一 旦 成 绩 无 效 
就 给 出 警告 ,要 求 重新 输入 。 
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3.8.3 服务 器 程序 


服务 器 程序 MarkService. asmx 中 定义 了 获取 课程 数据 集 函 数 getSubjectDataTable , 
获取 指定 课程 的 学 生成 绩 表 数据 集 函 数 getSubjectDataTable ,更 新 学 生成 绩 的 函数 
updateMarkList。 


public class MarkService : System.Web.Services.WebService 
{ 
[WebMethod] 
public DataTable getSubjectDataTable() 
{ 
SubjectManager manager=new SubjectManager (); 
return manager.getSubjectDataTable(); 
} 
[WebMethod] 
public DataTable getMarkDataTable (int sID) 
{ 
MarkManager manager=new MarkManager (); 
return manager.getMarkDataTable(sID); 
} 
[WebMethod] 
public int updateMarkList (List<MarkClass>marks 
{ 
MarkManager manager=new MarkManager(); 


return manager.updateMarkList (marks); 


3.34 客户 端 程序 


1. 界面 设计 


客户 端 程序 包含 一 个 ComboBox 下 拉 列 表 , 用 来 选择 课程 ,这 个 列表 变化 时 触发 其 
事件 SelectionChanged ,在 对 应 函数 中 获取 该 课程 的 学 生成 绩 数 据 集 显 示 在 DataGrid 
上 。 成 绩 录 入 框 txtMark 的 Binding 的 Mode 设置 为 TwoWay, 以 便 在 文本 框 中 输入 的 
成 绩 能 立即 更 新 到 它 的 数据 集中 。 


«Window x:Class-"MarkClient.MainWindow" x:Name- "mainWindow" 
xmlns-"http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
xmlns:x-"http://schemas.microsoft.com/winfx/2006/xaml" 
Title=" 成 绩 管理 " Height-"222.427" Width-"331.94" Loaded="mainWindow_ 
Loaded"> 

<Grid> 
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<Grid.RowDefinitions> 
<RowDefinition Height="30" /> 
<RowDefinition Height="*" /> 
<RowDefinition Height="30" /> 
</Grid.RowDefinitions> 
<StackPanel Orientation="Horizontal" Grid.Row="0" 
HorizontalAlignment="Center"> 
<TextBlock Text-"iRfé" VerticalAlignment="Center" /> 
<ComboBox x: Name ="cbSubject" Width="150" VerticalAlignment = 
"Center" SelectionChanged="cbSubject_SelectionChanged" /> 
</StackPanel> 
<DataGrid x:Name="mGrid" Grid. Row="1" AutoGenerateColumns="False" 
SelectionMode-" Single" CanUserDeleteRows -" False" CanUserAddRows = 
"False" SelectionUnit-"Cell" SelectedCellsChanged-"mGrid Selected- 
CellsChanged"> 
<DataGrid.Columns> 
<DataGridTextColumn Binding="{Binding sNo}" Header= nen 
Width="50" IsReadOnly- "True" /> 
<DataGridTextColumn Binding="{Binding sName}"  Header-" 姓 
4" Width="100" IsReadOnly- "True" /> 
<DataGridTextColumn Binding="{Binding sSubject}" 
Header-"iRfé" Width="100" IsReadOnly="True" /> 
<DataGridTemplateColumn x:Name-"markColumn" Header= "成 绩 ui 
Width="100" IsReadOnly="False"> 
<DataGridTemplateColumn.CellTemplate> 
<DataTemplate> 
<TextBlock Text="{Binding mMark}" /> 
</DataTemplate> 
</DataGridTemplateColumn.CellTemplate> 
<DataGridTemplateColumn.CellEditingTemplate> 
<DataTemplate> 
<TextBox x: Name="txtMark" Text="{Binding mMark, 
Mode=TwoWay}" PreviewKeyDown-"txtMark PreviewKey- 
Down" MaxLength-" 3" TextChanged-"txtMark _ Text- 
Changed" > 
</TextBox> 
</DataTemplate> 
</DataGridTemplateColumn.CellEditingTemplate> 
</DataGridTemplateColumn> 
</DataGrid.Columns> 
</DataGrid> 
<StackPanel Orientation="Horizontal" Grid.Row="2" 
HorizontalAlignment="Center"> 
«Button x:Name-"btUpdate" Content=" 提 交 成 绩 " Width="50" 


ath 
3 BC accokisek ibis p 151 


Click-"btUpdate Click"/» 
«/StackPanel» 
«/Grid» 


«/Window» 


2. 代码 设计 


程序 中 的 sdv 是 课程 数据 集 的 视图 对 象 ,课程 数据 集 包 含 课 程 的 sID 与 sSubject, F 
拉 列 表 框 负责 显示 课程 名 称 ,当选 择 一 个 课程 后 就 确定 出 该 课程 的 SID, 然 后 获取 该 课程 
的 学 生 数据 集 dt, 把 这 个 数据 集 显 示 在 DataGrid E. 


public partial class MainWindow : Window 
{ 
WS .MarkServiceSoapClient client; 
DataTable dt; 
DataView sdv, dv; 
public MainWindow () 
{ 
InitializeComponent(); 
} 
void showMsg (String s) 
{ 
MessageBox.Show(s, "Information", MessageBoxButton.OK) ; 
} 
bool confirm(String s) 
{ 
return (MessageBox.Show(s, "Confirmation", MessageBoxButton.YesNo) == 
MessageBoxResult. Yes) ; 
} 
private void btUpdate Click(object sender, RoutedEventArgs e) 
{ 
if (cbSubject.SelectedIndex>=0) 
{ 
try 
( 
int sID- (int)sdv[cbSubject.SelectedIndex]["sID"]; 
List<WS.MarkClass>marks=new List«WS.MarkClass»(); 
foreach (DataRowView row in dv) 
{ 
WS.MarkClass m=new WS.MarkClass ( sNo-row["sNo"].ToString (), 
SID-sID, mMark- (int)row["mMark"] }; 
marks.Add (m); 
} 


int count=client.updateMarkList (marks.ToArray()); 
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showMsg ("更 新 "+count .ToString()+" 条 记录 !"); 


} 
catch(Exception exp) { showMsg (exp.Message); } 


} 


private void mainWindow Loaded(object sender, RoutedEventArgs e) 
try 


client=new WS.MarkServiceSoapClient (); 
sdv=client.getSubjectDataTable() .DefaultView; 
foreach (DataRowView row in sdv) 


{ 
cbSubject.Items.Add (row["sSubject"].ToString()); 


} 
catch (Exception exp) { showMsg(exp.Message); } 
} 
private void cbSubject_SelectionChanged (object sender, 
SelectionChangedEventArgs e) 
{ 
if (cbSubject.SelectedIndex>=0) 
{ 
int sID=(int)sdv[cbSubject.SelectedIndex] ["sID"]; 
try 
{ 
dt=client.getMarkDataTable(sID); 
dv-dt.DefaultView; 
mGrid.ItemsSource-dv; 
) 
catch (Exception exp) { showMsg (exp.Message); } 
) 
else mGrid.ItemsSource-null; 
) 
private void txtMark PreviewKeyDown (object sender, KeyEventArgs e) 
{ 
// 成 绩 输入 框 值 允许 输入 0~9 的 数字 与 退 格 
if (e.Key>=Key.D0O && e.Key<=Key.D9 || e.Key--Key.Back) e.Handled- 
false; 
else e.Handled=true; 
} 
private void txtMark TextChanged (object sender, TextChangedEventArgs e) 


{ 
// 输 入 值 变化 后 ,判断 成 绩 是 否 有 效 , 如 果 无 效 则 会 要 求 重 新 输入 
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TextBox txt- (TextBox) sender; 
String s=txt.Text; 
int m=0; 
int.TryParse(s, out m); 
if(m«0 || m>100) 
{ 
showMsg ("JR A (E CAE 1") ; 
if(s.Length--3) txt.Text-s.Substring(0, 2); 


txt.Focus(); 


} 
private void mGrid SelectedCellsChanged(object sender, 
SelectedCellsChangedEventArgs e) 
{ 
mGrid.BeginEdit(); 


} 


程序 中 使 用 了 DataGrid 的 SelectedCellsChanged 事件 函数 , 它 是 在 选择 的 单元 格 发 
生变 化 时 触发 的 事件 , 当 鼠 标 选 择 了 成 绩 单元 时 立即 执行 mGrid. BeginEdit() 命 令 , 使 得 
该 单元 立即 进入 编辑 状态 ,这 极 大 地 方便 了 成 绩 输入 。 


3.85 拓展 训练 


类 似 批量 导入 学 生 名 单一 样 , 成 绩 也 可 以 批量 导入 。 如 果 成 绩 的 CSV 文件 格式 
如 下 : 


学 号 1, 姓 名 1, MBE 1 
学 号 2, 姓 名 2, 成 绩 2 


那么 可 以 在 客户 端 增加 一 个 导入 按钮 , 单 击 按钮 时 读 取 CSV 文件 的 每 一 行 , 各 部 分 按 逗 号 
分 开 , 第 一 部 分 为 学 号 ,第 二 部 分 为 姓名 ,第 三 部 分 为 成 绩 ,生成 List — WS. MarkClass> 
的 成 绩 列表 marks, 调 用 updateMarkList 函数 就 可 以 完成 成 绩 更 新 ,实现 成 绩 批量 上 传 
到 服务 器 ,批量 上 传 的 函数 如 下 : 


private void btLoad Click(object sender, RoutedEventArgs e) 
f 
if (cbSubject .SelectedIndex>=0) 
{ 
OpenFileDialog dlg=new OpenFileDialog (); 
dlg.Filter="csv|* .csv"; 
if ((bool)dlg.ShowDialog ()) 
{ 
int sID= (int)sdv[cbSubject.SelectedIndex]["sID"]; 
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List<WS.MarkClass>marks=new List«WS.MarkClass» (); 
StreamReader sr-new StreamReader (dlg.FileName, Encoding.Default); 


String s-""; 

while ((s-sr.ReadLine()) !-null) 

í 
String[] st=s.Split (new char[] { ',' }, StringSplitOptions. 
RemoveEmpt yEntries); 


if(st.Length--3) 
{ 
int m=0; 
int.TryParse(st[2], out m); 
if (m<0 || m>100) m=0; 
marks .Add (new WS.MarkClass { sNo=st[0], sID=sID, mMark=m }); 


} 

sr.Close(); 

try 

{ 
client.updateMarkList (marks.ToArray()); 
dt-client.getMarkDataTable (sID); 
dv-dt.DefaultView; 
mGrid.ItemsSource-dv; 


) 
catch (Exception exp) ( showMsg (exp.Message); } 


) 
实际 上 在 批量 上 传 成 绩 时 只 用 到 学 生 的 学 号 与 成 绩 ,学 生 的 姓名 是 没有 用 到 的 ,但 
是 保留 姓名 的 信息 方便 核准 学 生成 绩 。 


3.4 RMIBAFREBBR 


3.4.1 案例 展示 


申请 一 个 公 网 的 Web 服务 器 ,通过 URL 地 址 可 以 访问 该 服务 器 。 同 时 申请 一 个 微 
信 公 众 号 ,在 微 信 中 可 以 关注 该 公众 号 。 


3.4.2 技术 要 点 


l. 微 信 开发 平台 概述 


目前 微 信 和 是 使 用 最 广泛 的 移动 App 之 一 , 微 信 不 但 可 以 用 作 人 与 人 之 间 的 聊天 工 
具 ,用 户 还 能 申请 公众 号 ,通过 公众 号 与 自己 的 服务 器 进行 通信 ,实现 需要 的 应 用 。 目 前 
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基于 微 信 公众 号 的 商业 应 用 越 来 越 多 ,基于 微 信 的 开发 也 越 来 越 流 行 。 

要 进行 微 信 开 发 必须 先 申 请 一 个 公 网 的 服务 器 , 公 网 服务 器 也 就 是 能 通过 IP 地 址 
或 者 域名 访问 的 公众 Web 服务 器 。 如 果 读 者 已 经 有 了 公 网 的 服务 器 , 那 就 不 用 再 申请 ， 
只 要 提供 它 的 URL 地 址 即 可 。 本 教材 基于 应 用 目的 申请 一 个 Windows 系统 的 公 网 的 
Web 服务 器 ,该 服务 器 上 运行 IIS 与 SQL Server 数据 库 。 为 了 与 微 信 服务 器 区 分 开 , 不 
妨 把 这 个 服务 器 称 为 业务 服务 器 。 

除了 有 一 个 公 网 的 业务 服务 器 外 ,还 要 申请 一 个 征 信 公众 号 。 微 信 公 众 号 的 类 型 比 
较 多 ,有 订阅 号 .服务 号 等 ,功能 也 有 点 不 同 。 个 人 申请 的 公众 号 一 般 为 订阅 号 ,企业 申 
请 的 公众 号 一 般 为 功能 强大 的 服务 号 。 本 教材 基于 教学 目的 申请 了 一 个 微 信 订阅 号 。 

微 信 开发 平台 实际 上 是 由 移动 端 手机 、 微 信服 务 器 、 业 务 服务 器 3 个 部 分 组 成 的 。 
一 般 手 机 移动 端的 功能 是 通过 微 信 公 众 号 完成 人 机 的 交互 ,数据 存储 与 数据 逻辑 在 业务 
服务 器 完成 , 微 信服 务 器 则 在 这 两 者 之 间架 起 了 一 个 桥梁 ,完成 数据 的 传输 功能 。 

假设 学 生成 绩 存 储 在 业务 服务 器 上 ,现在 要 通过 手机 的 微 信 查 询 成 绩 , 下 面 以 这 个 
实例 来 说 明 一 般 App 应 用 与 微 信 应 用 的 区 别 。 


2. App 应 用 框架 
一 般 学 生 要 通过 手机 查询 这 些 成 绩 , 就 必须 在 手机 上 安装 一 个 查 成 绩 的 App。 这 个 


App 接收 学 生 输入 的 学 号 与 密码 ,然后 把 学 号 与 密码 信息 发 
送 给 业务 服务 器 ,服务 器 接收 到 学 号 与 密码 后 到 数据 库 中 查 ern 
找 该 学 生 的 成 绩 , 然 后 把 结果 再 返回 给 这 个 App, 学 生 就 可 


以 看 见 结果 了 。 这 个 App 的 系统 结构 如 图 3-16 所 示 。 

这 种 两 点 式 的 组 合 是 典型 的 客户 端 与 服务 器 程序 结构 ， 
它 的 优点 是 结构 简单 ,速度 快 。 但 是 它 有 一 个 很 大 缺点 是 开 
发 成 本 高 ,除了 开发 后 台 的 成 绩 管理 网 站 外 , 按 目前 流行 的 
手机 系统 至 少 要 开发 一 套 Android 系统 下 的 App, 还 要 开发 一 套 iOS 系统 下 的 App. H 
户 根据 自己 的 手机 类 型 安装 不 同 版 本 的 App, 才 能 实现 成 绩 查询 。 


3. 微 信 应 用 框架 


基于 微 信 的 开发 可 以 借助 现 有 的 微 信 平台 降低 开发 成 本 ,因为 微 信 本 身 就 是 一 个 
App, 已 经 有 了 Android 系统 与 iOS 系统 下 的 各 种 版 本 ,而且 应 用 广泛 ,不 需要 反复 安装 。 
但 是 微 信 是 与 它 自己 的 微 信 服务 器 通信 的 ,而 微 信 服务 器 没有 学 生 的 成 绩 数据 ,因此 需 
要 微 信 服务 器 与 存储 成 绩 的 业务 服务 器 建立 通信 。 学 生 查 询 成 绩 之 前 可 以 先 申请 一 个 
公众 号 ,然后 把 这 个 公众 号 绑 定 到 业务 服务 器 。 查 询 成 绩 时 学 生 通过 微 信 公众 号 输入 学 
号 与 密码 信息 , 微 信 把 学 号 与 密码 发 给 微 信服 务 器 , 微 信服 务 器 进一步 把 学 号 与 密码 推 
送 给 业务 服务 器 。 最 后 业务 服务 器 完成 成 绩 查询 ,把 结果 再 原 路 返回 给 微 信 服务 器 , 微 
信服 务 器 再 返回 给 学 生 手 机 用 户 , 如 图 3-17 所 示 。 

这 个 结构 显然 是 三 点 式 的 ,最 大 的 优点 是 不 用 再 开发 不 同 版 本 的 手机 App, 微 信 就 
是 我 们 的 App。 我 们 主要 做 的 事情 就 是 开发 后 台 的 成 绩 网 站 ,然后 遵循 微 信 定 义 的 数据 


手机 App 业务 服务 器 
3-16 App 应 用 框架 
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手机 App 微 信服 务 器 业务 服务 器 
图 3-17 微 信 应 用 框架 


接口 实现 数据 的 通信 就 可 以 了 。 这 种 模式 有 极 大 的 优点 ,而 且 能 满足 大 部 分 应 用 要 求 。 
其 缺点 就 是 App 端的 表现 形式 不 够 多 样 ,已 经 被 微 信 的 格式 定 死 了 ,速度 也 不 够 快 ,但 是 
对 大 多 数 应 用 来 说 已 经 足够 了 。 


3.4.3 服务 器 申请 


1. 申请 微 信 公众 号 

申请 一 个 微 信 公众 号 ,以 便 通 过 手机 等 设备 能 与 微 信 服务 器 进行 通信 。 进 入 微 信 公 
众 平台 的 网 站 https://mp. weixin. qq. com/ , 按 要 求 填 写 E-mail 地 址 与 手机 号 码 等 信 
息 , 就 可 以 申请 微 信 公众 号 了 。 个 人 申请 订阅 号 是 免费 的 ,订阅 号 在 很 多 功能 上 受到 限 
制 ,但 是 本 教程 的 目的 是 引导 读者 进入 微 信 开发 的 大 门 , 因 此 订阅 号 也 够 用 了 。 


2. 申请 业务 服务 器 


从 上 面 的 分 析 可 以 看 到 ,无 论 是 开发 自己 的 App 还 是 借助 微 信 作为 App, 都 必须 有 
一 个 公 网 的 Web 服务 器 。 公 网 服务 器 也 就 是 能 通过 IP 地 址 或 者 域名 访问 的 Web 服务 
器 。 目 前 提供 这 种 服务 器 的 运营 商 很 多 ,例如 腾讯 云 .阿里 云 等 。 本 教程 讲解 的 是 微软 
.NET 技 术 的 编程 技术 ,因此 要 求 服务 器 必须 是 Windows 服务 器 ,配置 .NET 系统 与 IIS 
服务 器 。 申 请 这 类 服务 器 一 般 都 需要 一 定 的 手续 ,而 且 还 要 支付 一 定 的 费用 ,但 是 对 于 
学 生 用 户 ,腾讯 云 与 阿里 云 都 提供 了 巨大 的 优惠 ,学 生 用 户 申请 一 个 这 样 的 服务 器 价格 
十 分 低廉 。 

由 于 不 同 的 运营 商 申请 过 程 不 大 一 样 ,而 且 随 时 在 改变 ,读者 可 以 查询 运营 商 的 文 
档 说 明 按 要 求 申请 ,本 书 不 再 袭 述 。 


3.44.4 服务 器 绑 定 


1. 绑 定 URL 地 址 


要 实现 订阅 号 与 业务 服务 器 的 通信 ,就 必须 绑 定 该 订阅 号 到 业务 服务 器 。 绑 定 的 方 
法 是 : 登录 微 信 公 众 号 平台 ,进入 自己 的 公众 号 , 单 击 “ 开 发 "中 的 “基本 设置 ”, 如 图 3-18 
所 示 。 

这 个 URL 网 址 就 是 你 自己 申请 的 业务 服务 器 地 址 ,在 没有 绑 定 域名 时 可 以 直接 填 
写 IP 地 址 ,如 果 业 务 服务 器 有 域名 ,可 以 填写 域名 。 这 个 地 址 很 重要 , 微 信 服务 器 就 是 
通过 这 个 地 址 与 业务 服务 器 进行 通信 的 。 
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什么 是 EncodingAESKey ? 


图 3-18 EITAS 


Token 是 微 信服 务 器 要 求 的 一 个 标签 ,自己 可 以 随意 填写 ,例如 本 教程 填写 
DotNetWeb。EncodingAESKey 是 微 信 服务 器 的 一 个 安全 信息 ,可 以 随机 生成 。 

填写 完毕 如 果 提 交 , 则 会 看 到 一 条 验证 失败 的 信息 。 这 是 为 什么 呢 ? 原来 在 提交 时 
微 信服 务 器 会 根据 URL 地 址 向 业务 服务 器 发 送 一 组 验证 信息 ,如 果 业 务 服 务 器 没有 进 
行 验证 并 把 验证 结果 返回 微 信服 务 器 ,验证 就 会 失败 。 


2. 编写 验证 程序 


要 完成 验证 ,首先 查看 验证 的 规则 。 进 入 微 信 开发 者 中 心 , 查 看 微 信 开发 基本 设置 
文档 ,获悉 在 服务 器 验证 时 微 信 服务 器 会 向 业务 服务 器 发 送 signature, timestamp, 
nonce,echostr 4 个 参数 。 业 务 服务 器 必须 获取 这 些 参 数 ,并 把 token, timestamp, nonce 
进行 字典 排序 ,然后 连接 成 一 个 字符 串 , 最 后 用 SHA1 对 它 进行 哈 希 计算 得 到 一 个 哈 希 
字符 串 。 如 果 这 个 字符 串 与 微 信 服务 器 发 来 的 signature 一 样 ,那么 就 确认 通过 ,业务 服 
务 器 要 向 微 信服 务 器 发 回 完全 一 样 的 echostr 字符 串 , 微 信服 务 器 接收 到 这 个 echostr 后 
就 通过 验证 。 

根据 这 样 的 验证 要 求 ,编写 一 个 Default. aspx 程序 如 下 : 


$8 Page Language="C# " %> 
<script runat="server"> 
void Page Load(object sender, EventArgs e) 
{ 
String msg=""; 
String signature-Request.QueryString["signature"]; 
String timestamp-Request.QueryString["timestamp"]; 
String nonce-Request.QueryString["nonce"]; 
String echostr-Request.QueryString["echostr"]; 
if(signature !-null && timestamp !-null && nonce !-null && echostr !- 
null) 
{ 
String token="DotNetWeb"; 
String[] ArrTmp={ token, timestamp, nonce }; 
Array.Sort (ArrTmp) ; // 字 典 排序 
string tmpStr=String.Join("", ArrTmp); 
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tmpStr=FormsAuthentication.HashPasswordForStoringInConfigFile 
(tmpStr, "SHA1"); 
tmpStr-tmpStr.ToLower(); 
if(tmpStr--signature) msg-echostr; 
} 
Response.Write (msg); 
} 


</script> 


3. 部 署 验证 程序 


远程 登录 到 业务 服务 器 ,把 这 个 程序 部 署 在 业务 服务 器 默认 的 Web 目录 wwwroot 
下 ,并 设置 该 目录 下 默认 的 执行 程序 首选 是 Default. aspx( 这 是 IIS 默认 的 ,不 用 再 另外 
设置 ) 。 


4. 验证 业务 服务 器 


这 时 再 单 击 微 信 订 阅 号 基本 设置 里 的 “提交 ”按钮 ,就 可 看 到 验证 成 功 的 信息 。 验 证 
成 功 后 , 微 信 订 阅 号 就 与 业务 服务 器 绑 定 起 来 了 ,也 就 是 建立 了 “订阅 号 一 微 信服 务 器 一 
业务 服务 器 "的 信息 通道 ,信息 就 可 以 在 这 个 通道 上 来 回 传输 了 。 


3.4.5 拓展 训练 


读者 可 能 好 奇 微 信 服务 器 发 送 的 ignature, timestamp, nonce, echostr 到 底 是 什么 ， 
实际 上 读者 可 以 在 验证 程序 中 增加 一 个 日 志 记录 函数 writeLog, 把 微 信 服务 器 推送 的 信 
息 存储 到 磁盘 文件 中 ,Default. aspx 程序 修改 如 下 : 


<script runat="server"> 
void writeLog(String s) 
{ 
StreamWriter sw=new StreamWriter (Server.MapPath ("log.txt"),true); 
sw.WriteLine(s); 
sw.Close(); 
} 
void Page Load(object sender, EventArgs e) 
{ 
String msg=""; 
String signature-Request.QueryString["signature"]; 
String timestamp-Request.QueryString["timestamp"]; 
String nonce-Request.QueryString["nonce"]; 
String echostr=Request.QueryString["echostr"]; 
if (signature !=null && timestamp !=null && nonce !=null && echostr != 
null) 
{ 
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writeLog (signature+"\r\n"+timestamp+"\r\n"+noncet+t"\r\n"+ 
echostr); 
String token- "DotNetWeb"; 
String[] ArrTmp={ token, timestamp, nonce }; 
Array.Sort (ArrTmp) ; // 字 典 排序 
string tmpStr-String.Join("", ArrTmp); 
tmpStr-FormsAuthentication.HashPasswordForStoringInConfigFile 
(tmpStr, "SHA1"); 
tmpStr-tmpStr.ToLower(); 
if(tmpStr--signature) msg-echostr; 

) 

Response.Write (msg); 

} 


</script> 


在 微 信 订阅 号 验证 过 程 中 ,log. xt 文件 会 记录 微 信 服务 器 发 送 给 业务 服务 器 的 数 
据 ,其 中 一 次 记录 如 下 : 

signature=66d28d179ae432b822c54fe9f1862bc10807fb70 

timestamp=1477195000 


nonce=773178279 
echostr=1195720357539970555 


由 此 可 见 , 微 信服 务 器 发 送 给 业务 服务 器 的 数据 主要 是 一 些 数字 组 成 的 字符 串 , 其 
中 signature 是 经 过 timestamp, nonce 与 token 哈 希 计算 得 出 的 字符 串 。 

细心 的 读者 很 快 会 发 现 ,实际 上 微 信服 务 器 就 是 需要 业务 服务 器 返回 它 发 送 的 
echostr 字符 串 , 如 果 业 务 服务 器 不 需要 确认 是 微 信 服务 器 的 信息 ,直接 把 Default. aspx 
简化 成 如 下 的 形式 也 能 完成 验证 : 


<script runat="server"> 
void Page Load (object sender, EventArgs e) 
{ 
String echostr=Request.QueryString["echostr"]; 
Response.Write (echostr) ; 
} 
</script> 


3.5 MAFFASRAEAAR 


3.5.1 案例 展示 


用 户 通 过 在 微 信 中 搜索 公众 号 进行 关注 或 者 扫描 该 公众 号 二 维 码 进行 关注 时 ,会 收 
到 一 条 “欢迎 关注 DotrNetWeb 课程 ”的 信息 ,如 图 3-19 所 示 。 
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图 3-19 关注 微 信 成 绩 查询 公众 号 


3.5.2 技术 要 点 


1. 关注 事件 


如 果 一 个 公众 号 处 于 开发 者 模式 , 当 用 户 关注 公众 号 时 , 微 信 服务 器 就 会 把 一 组 信 
息 推 送 给 公众 号 绑 定 的 业务 服务 器 ,由 该 服务 器 做 出 相应 的 处 理 。 按 照 微 信 文档 的 说 
明 ,推送 的 关注 事件 的 信息 是 一 个 XML 字符 串 ,格式 如 下 : 


«xml» 
<ToUserName>< ! [CDATA[toUser]]»« /ToUserName» 
<FromUserName>< ! [CDATA[FromUser] ]></FromUserName> 
«CreateTime»123456789« /CreateTime» 
«MsgType»«! [CDATA [event]]» «/MsgType» 
«Event»«![CDATA[subscribe]]»«/Event» 


«/xml» 
参数 含义 如 表 3-1 所 示 。 
表 3-1 关注 事件 参数 


参 数 备 注 
ToUs 开发 者 公众 微 信号 ,可 以 看 成 是 公众 号 的 唯一 标识 ,每 个 公众 号 都 有 一 个 这 样 的 
oUserName 标识 
FromUserName 发 送 用 户 的 账号 ,可 以 看 成 用 户 的 微 信号 ,实际 的 值 是 微 信号 做 了 处 理 的 公开 号 
(OpenID) ,通过 它 可 以 唯一 确定 一 个 微 信用 户 
CreateTime 消息 创建 时 间 ,是 一 个 整数 值 
MsgType 消息 类 型 ,对 于 关注 事件 ,这 个 值 为 event 
Event 事件 类 型 ,对 于 关注 事件 ,这 个 值 为 subscribe 


微 信 服务 器 将 这 个 字符 串 推 送 到 业务 服务 器 ,业务 服务 器 可 以 先 从 它 的 输入 数据 流 
中 用 BinaryRead 读 出 二 进 制 数 据 , 然 后 用 UTFS 编码 的 GetString 转 为 字符 串 就 得 到 这 
^ XML 字符 串 , 具 体 方法 如 下 : 


byte[] buf-context.Request.BinaryRead (context.Request.TotalBytes); 
String xml-Encoding.UTF8.GetString (buf); 
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由 于 得 到 的 是 整个 XML 字符 串 , 要 取出 每 个 元 素 的 值 还 要 借助 XML 解析 工具 ,可 
以 使 用 XElement 来 解析 。XElement 的 Parse 函数 可 以 把 一 个 XML 字符 串 变 成 一 个 
XElement 对 象 ,这 是 这 个 XML 字符 串 的 根 对 象 : 


XElement root-XElement.Parse (xml); 


这 个 对 象 root 是 根 对 象 一 xml 二, 它 下 面包 含 ToUserName, FromUserName 等 元 
素 ,通过 Element 得 到 各 个 元 素 及 对 应 的 值 Value: 


String FromUserName=root .Element ("FromUserName") .Value 
String ToUserName=root.Element ("ToUserName") .Value; 
String CreateTime=root.Element ("CreateTime") .Value; 


String MsgType=root.Element ("MsgType") .Value; 


当 业 务 服务 器 收 到 这 些 信 息 后 ,就 可 以 根据 FromUseName 得 知 是 谁 发 来 的 ,然后 
就 可 以 向 该 用 户 回 复 信息 。 


2. 回复 信息 


业务 服务 器 收 到 关注 事件 的 信息 后 ,可 以 根据 微 信 的 要 求 按 以 下 XML 格式 向 用 户 
回复 文本 信息 : 


<xml> 
<ToUserName><![CDATA[toUser]]></ToUserName> 
<FromUserName><![CDATA[fromUser]]></FromUserName> 
<CreateTime>12345678</CreateTime> 
<MsgType><![CDATA[text]]></MsgType> 
<Content><![CDATA[ 你 好 ]]></Content> 


</xml> 
各 个 参数 含义 如 表 3-2 所 示 。 
表 3-2 文本 信息 参数 


参 HH 备 注 
ToUserName 要 回复 信息 的 用 户 , 这 个 用 户 的 名 称 就 是 关注 事件 中 的 FromUserName 
FromUserName 公众 号 的 名 称 , 也 就 是 关注 事件 的 ToUserName 
CreateTime 一 个 事件 整数 值 ,可 以 与 关注 事件 的 CreateTime 值 一 样 
MsgType 值 为 text, 表 示 该 信息 是 文本 信息 
Content 要 发 送 的 信息 内 容 , 可 以 是 任意 字符 串 


如 果 是 直接 拼接 这 个 XML 回复 字符 串 , 注 意 在 每 个 XML 元 素 的 值 中 都 用 
<!LDATAL[ 元 素 值 ]]> 来 限定 ,原因 是 有 些 值 可 能 包含 一 些 XML 26 5 Bg" —7 n "E 
界定 符号 ,这些 值 如 果 不 使 用 这 个 方法 来 限定 ,就 会 影响 XML 的 结构 。 例 如 ,回复 的 信 
BSE<AB/> Jf 4 — Content 7C XX ZE Jii 
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«Content»«! [DATA[<AB/>]]></Content> 
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353 接口 程序 


1. 关注 与 回复 程序 


关注 事件 与 回复 信息 可 以 设计 在 MarkBLL 的 项 目 中 ,在 该 项 目 中 加 入 一 个 
WeChatManager 类 文件 ,其 中 executeCommand 负责 用 XElement 解析 XML 字符 串 ,如 
REI MsgType 是 一 个 关注 事件 ,就 调用 responseText P& 2 [n] ££ JH P! — p Xxcithis] " xit 
关注 微 信 成 绩 查 询 公 众 号 !”, 设 计 接口 程序 如 下 : 


namespac MarkBLL 


{ 


public class WeChatManager 


{ 


{ 


} 


String responseText (String FromUserName, String ToUserName, String 


CreateTime, String msg) 


String s="<xml>"; 

s=st+"<ToUserName>< ! [CDATA["+FromUserName+"]]></ToUserName>"; 
s=s+"<FromUserName>< ! [CDATA ["+ ToUserName+"] ] >< /FromUserName>"; 
s=st+"<CreateTime><! [CDATA["+CreateTime+"]]></CreateTime>"; 
s=s+"<MsgType>< ! [CDATA[text] ]></MsgType>"; 

s=s+"<Content>< ! [CDATA["+msg+"]]></Content>"; 

s=st+"</xml>"; 


return s; 


public String executeCommand (String xml) 


{ 


String msg=""; 

XElement root-XElement.Parse (xml); 

String FromUserName-root.Element ("FromUserName").Value; 
String ToUserName-root.Element ("ToUserName").Value; 
String CreateTime-root.Element ("CreateTime").Value; 
String MsgType-root.Element ("MsgType").Value; 

if (MsgType=="event") 

{ 


if (root .Element ("Event") .Value=="subscribe") 
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msg=" 欢 迎 关注 微 信和 成 绩 查 询 公 众 号 !"; 
} 


return responseText (FromUserName, ToUserName,CreateTime,msg); 


) 


2. 微 信 接口 程序 


设计 一 个 微 信 接口 程序 WeChatApi. ashx 来 接收 微 信服 务 器 的 XML 字符 串 信 息 ， 
把 这 个 程序 设置 为 业务 服务 器 的 默认 处 理 程序 ,该 程序 从 输入 流 中 读 取 二 进 制 数据 后 转 
为 文本 字符 串 ,调用 Manager 中 的 executecommand 函数 ,返回 的 值 是 回复 的 XML 字符 
串 ,直接 输出 到 微 信 服务 器 。 

关注 与 回复 的 详细 过 程 如 下 : 

a) 用 户 在 微 信 中 关注 课程 成 绩 公 众 号 , 微 信 把 关注 信息 发 送 给 微 信服 务 器 ,这 个 过 
程 不 用 我 们 关心 ,这 是 设计 微 信 时 就 设计 好 的 。 

(2) 微 信 服务 器 接收 到 关注 信息 后 ,向 业务 服务 器 推送 一 个 XML 文本 字符 串 , 这 个 
字符 串 就 上 面 说 到 的 关注 事件 字符 串 ,各 个 参数 详 见 表 3-1。 

(3) 业务 服务 器 收 到 任何 Web 请 求 时 ,会 执行 它 默 认 的 响应 程序 WeChatApi. ashx, 
通过 WeChatApi. ashx 程序 调用 MarkBLL 中 的 executeCommand 函数 判断 微 信 服务 器 
推送 来 的 信息 是 否 为 关注 信息 ,如果 是 ,就 返回 一 个 欢迎 词 信息 。 

(4) 业务 服务 器 把 欢迎 词 信息 组 织 成 一 个 新 的 XML 文本 返回 给 微 信服 务 器 ,这 个 
XML 字符 串 的 参数 详 见 表 3-2. 

(5) 微 信服 务 器 接收 该 回复 的 字符 串 ,根据 FromUserName 信息 把 欢迎 词 推送 给 查 
询 用 户 。 

根据 这 个 过 程 设计 接口 程序 如 下 : 

public class WeChatApi: IHttpHandler 

{ 

public void ProcessRequest (HttpContext context) 
{ 
String msg=""; 
try 
{ 
byte[] buf=context.Request . BinaryRead (context .Request .TotalBytes); 
if (buf !=null && buf.Length»0) 
{ 
WeChatManager manager=new WeChatManager (); 


msg-manager.executeCommand (System. Text .Encoding.UTF8.GetString 
(buf) ) + 
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catch { } 
context .Response.Clear(); 
context .Response.ContentType="text/plain"; 
context .Response.Write(msg) ; 
context .Response.Flush(); 
} 
public bool IsReusable { 
get { 
return false; 


} 


} 

如 果 程 序 正常 运行 ,就 会 向 微 信服 务 器 返回 一 个 文本 的 XML 字符 串 , 微 信服 务 器 解 
析 这 个 XML 字符 串 后 会 把 欢迎 词 推送 给 用 户 。 如 果 出 现 异 常 , 就 回复 一 个 空 字符 串 , 微 
信服 务 器 接收 到 空 字 符 串 时 什么 都 不 做 。 


3.5.4 部 署 程序 


WeChatApi. ashx 设计 好 后 要 正确 部 署 到 自己 的 业务 服务 器 中 ,以 便 微 信服 务 器 能 
找到 它 。 为 此 可 以 把 WeChatApi. ashx 放 在 业务 服务 器 的 默认 网 站 的 wwwroot 目录 下 ， 
并 设置 它 为 首选 的 默认 处 理 程序 ,如 图 3-20 所 示 。 

"Internet 信息 服务 CIS) EBS 
Go je > RJHUANG » 网 站 》 Default Web Site > 
XO) 视图 W) ARW 


eg 


使 用 此 功能 指定 当 客户 庙 未 请 求 特定 文件 
se! .— 


Default. htm 维 承 
E aspnet_ Default. asp 继承 


3-20 ”部署 接口 程序 


当 用 户 关注 这 个 公众 号 时 , 微 信 服务 器 就 把 关注 信息 推送 给 业务 服务 器 ,业务 服务 
器 执行 默认 的 WeChatApi. ashx 程序 ,获取 关注 者 的 信息 ,然后 回复 一 句 欢迎 词 给 关 

因为 在 设置 公众 号 业务 服务 器 时 要 执行 默认 的 验证 程序 Default. aspx, 在 用 户 关注 
公众 号 时 又 要 执行 WeChatApi. ashx 程序 。 因 此 可 以 在 验证 时 先 把 Default. aspx 设置 
为 第 一 优先 执行 的 程序 ,因为 验证 一 次 后 就 不 用 再 验证 了 ,验证 完毕 再 把 WeChatApi. 
ashx 设置 为 第 一 优先 执行 程序 ,以 后 微 信服 务 器 有 信息 推送 到 业务 服务 器 时 ,业务 服务 
器 就 都 执行 WeChatApi. ashx 程序 了 。 
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3.5.5 拓展 训练 


在 用 户 关注 微 信 公众 号 时 , 微 信 服务 器 向 业务 服务 器 发 送 的 信息 是 一 个 如 下 的 
XML 字符 串 : 


<xml> 

<ToUserName>< ! [CDATA [toUser] ]>< /ToUserName> 
<FromUserName>< ! [CDATA[FromUser] ]></FromUserName> 
<CreateTime>123456789</CreateTime> 
<MsgType>< ! [CDATA [event] ] ></MsgType> 

<Event>< ! [CDATA[subscribe] ]></Event> 


«/xml» 


其 中 FromUserName 是 用 户 的 公开 号 OpenID, 可 以 作为 识别 用 户 的 唯一 标识 。 因 此 可 
以 在 用 户 关注 公众 号 时 记录 下 这 个 FromUserName 并 存储 这 个 号 码 , 就 知道 什么 用 户 关 
注 了 这 个 公众 号 。 
实际 上 当 用 户 取消 关注 这 个 公众 号 时 , 微 信 服务 器 也 向 业务 服务 器 发 送 类 似 的 信 
息 ,只 是 二 Event 二 的 值 变 成 了 unsubscribe, 因 此 在 这 个 时 候 可 以 知道 哪个 用 户 退 出 了 这 
个 公众 号 。 
根据 这 个 关注 与 取消 关注 的 过 程 就 可 以 管理 关注 的 用 户 ,基本 程序 结构 如 下 : 
if (MsgType=="event") 
{ 
String eventValue=root.Element ("Event") .Value; 
if( eventValue=="subscribe" 
{ 
msg= "欢迎 关注 微 信 成 绩 查询 公众 号 !"; 
register (FromUserName) ; 
} 


elseif ( eventValue--"unsubscribe") unregister (FromUserName) ; 


} 


设计 register Ej unregister pk A. H} register( FromUserName) f# 44) FromUserName 登 
记 到 数据 库 中 ,unregister(FromUserName) 是 从 数据 库 中 删除 FromUserName, H 
询 数据 库 就 知道 有 哪些 用 户 关 注 了 该 公众 号 。 
3.6 BERAS 
3.6.1 案例 展示 


学 生 用 户 在 公众 号 中 输入 自己 的 学 号 与 密码 ,就 可 以 查 到 自己 的 成 绩 ,在 学 号 与 密 
码 不 正确 时 给 出 错误 信息 ,如 图 3-21 所 示 。 
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3-21 微 信 查询 成 绩 


3.6.2 技术 要 点 


1. 接收 文本 信息 


根据 微 信 开发 文档 的 说 明 , 用 户 在 公众 号 中 输入 文本 信息 发 送 到 微 信和 服务器 时 , 微 
信服 务 器 会 把 用 户 输入 的 文本 信息 包装 成 如 下 格式 的 XML 字符 串 发 送 给 业务 服务 器 : 


«xml» 
«ToUserName»«! [CDATA[toUser] ]></ToUserName> 
<FromUserName>< ! [CDATA[fromUser] ] >< /FromUserName> 
<CreateTime>1348831860< /CreateTime> 
<MsgType>< ! [CDATA [text] ]></MsgType> 
«Content»«! [CDATA[this is a test]]></Content> 
«MsgId»1234567890123456« /MsgId» 


«/xml» 


FEA 263 B9 HM STE EE SC As B8 ED. — Msg Ty pe B ffi Zé text. — Content Bü (Ase 
JH Pr fii ALAS SCAB, — MsglId Je ft fr WG ate £s Eh E fi E Hm. D CAS s LEE PEU SF f 
析 这 个 XML 字符 串 就 知道 用 户 发 来 的 信息 。 


2. 查询 成 绩 程 序 


查询 成 绩 的 工作 在 MarkDAL 与 MarkBLL 中 完成 。 在 MarkDAL 中 设计 
getStudentMarks RA. iit 4S SNo 与 密码 sPass 就 可 以 从 数据 库 表 students, marks, 
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subjects 中 查询 到 该 学 生 的 各 科 成 绩 ,查询 的 SQL 是 一 个 联合 查询 命令 : 


select st.sNo as sNo,sName,sSubject,mMark from students st joinmarksmon st. 
sNo-m.sNo join subjects su on m.sID=su.sID and st.sNo- 86 sNo and st.sPass= 


@sPass order by sSubject 


该 命令 联合 了 students, marks 5j subjects 表 , 根 据 学 号 参数 @sNo 与 密码 参数 
@sPass 查询 学 生 的 姓名 、 课 程 、 成 绩 等 信息 。 查 询 程序 设计 如 下 : 


namespace MarkDAL 
{ 
public class MarkService 
{ 
public String getStudentMarks (String sNo,String sPass) 
{ 


String s-""; 
using(SqlConnection con-new SqlConnection(DBHelper.conString)) 
{ 
DBHelper DB-new DBHelper (con); 
SqlParameter pNo- new SqlParameter ( ParameterName =" @ sNo", 
SqlDbType=SqlDbType.Char, Value-sNo }; 
SqlParameter pPass=new SqlParameter { ParameterName="@ sPass", 
SqlDbType=SqlDbType.Char, Value=sPass }; 
String sql="select st.sNo as sNo, sName, sSubject, mMark from 
students st join marks m on st. sNo=m.sNo join subjects su on 
m.sID-su.sID and st.sNo- 6 sNo and st.sPass- 6 sPass order by 
sSubject"; 
SqlDataReader reader=DB.getReader (sql,pNo,pPass); 
while (reader.Read()) 
{ 
if(s=="") s=reader["sNo"] .ToString()+ 
"\r\n"+ reader ["sName"].ToString(); 
s=st+"\r\n"+ reader ["sSubject"] .ToString()+ 
": "+reader["mMark"] .ToString(); 
} 
reader .Close(); 
con.Close(); 
} 


return s; 


} 


输出 的 结果 是 一 个 文本 字符 串 , 其 中 学 号 、 姓 名、 各 门 课程 的 成 绩 各 占 一 行 ,这 样 的 
格式 方便 在 微 信 中 显示 。 
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然后 在 MarkBLL 中 设计 一 个 getStudentMarks pia. AKI FY MarkDAL 的 对 应 
函数 ,这 个 函数 如 下 : 


namespace MarkBLL 
i 
public class MarkManager 
{ 
public String getStudentMarks (String sNo,String sPass) 
{ 
MarkService service=new MarkService(); 


return service.getStudentMarks (sNo,sPass); 


} 


3. 成 绩 查询 命令 


用 户 发 送 的 文本 都 集中 在 过 Content 过 的 字符 串 中 ,必须 约定 一 种 格式 来 区 分 哪个 
部 分 是 学 号 ,哪个 部 分 是 密码 , 即 要 定义 一 个 简单 的 协议 。 如 果 学 号 与 密码 都 是 比较 简 
单 的 字符 串 , 不 包含 逗号 等 特殊 的 字符 ,那么 可 以 约定 用 逗号 来 分 开 它 们 , 即 命令 格式 是 

学 号 ,密码 

协议 就 是 双方 的 一 种 约定 ,一 旦 这 样 规定 ,业务 服务 器 在 解析 学 号 与 密码 时 也 按 这 
样 的 原则 进行 , 即 找到 它们 之 间 的 逗号 ,把 这 个 命令 字符 串 拆 分 成 两 个 部 分 ,前 半 部 分 就 
是 学 号 ,后 半 部 分 就 是 密码 ,就 可 以 进行 成 绩 查 询 了 。 


3.6.3 接口 程序 
成 绩 查 询 过 程 如 下 : 
(1) 用 户 在 公众 号 中 按 命令 格式 输入 以 下 文本 : 
学 号 ,密码 


把 学 号 与 密码 信息 发 送 给 微 信 服务 器 。 

(2) 微 信 服务 器 接收 到 学 号 与 密码 后 ,把 它 打包 成 一 个 文本 的 XML 字符 串 推 送 给 
业务 服务 器 。 

(3) 业务 服务 器 通过 WeChatApi. ashx 程序 调用 MarkBLL 中 的 executeCommand 
函数 判断 微 信 服务 器 推送 来 的 信息 是 否 为 文本 信息 ,如 果 是 ,就 分 解 出 学 号 与 密码 ,然后 
调用 MarkDAL 的 getStudentMarks 函数 获取 成 绩 作 为 返回 信息 。 

(4) 业务 服务 器 把 返回 的 成 绩 信 息 组 织 成 一 个 新 的 XML 文本 返回 给 微 信服 务 器 。 

(5) 微 信 服务 器 根据 FromUserName 信息 把 成 绩 信息 推送 给 查询 用 户 ,完成 查询 
过 程 。 
根据 前 面 的 分 析 ,接口 程序 设计 如 下 : 
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namespace MarkBLL 
i 
public class WeChatManager 
í 
String responseText (String FromUserName, String ToUserName, String 
CreateTime, String msg) 
{ 
String s="<xml>"; 
s=st+"<ToUserName>< ! [CDATA ["+FromUserName+"]]></ToUserName>"; 
s=s+"<FromUserName>< ! [CDATA ["+ ToUserName+"] ] >< /FromUserName>"; 
s=st+"<CreateTime><! [CDATA["+CreateTime+"]]></CreateTime>"; 
s=s+"<MsgType>< ! [CDATA [text] ]></MsgType>"; 
s=s+"<Content><! [CDATA["+msg+"]]></Content>"; 
s=st+"</xml>"; 
return s; 
} 
public String executeCommand (String xml) 
{ 
String msg=""; 
XElement root=XElement.Parse (xml); 
String FromUserName=root.Element ("FromUserName") .Value; 
String ToUserName=root.Element ("ToUserName") .Value; 
String CreateTime=root.Element ("CreateTime") .Value; 
String MsgType=root.Element ("MsgType") .Value; 
try 
{ 
if (MsgType=="text") 
{ 
String content = root. Element ("Content"). Value. Trim (). 
ToLower(); 
String[] st-content.Split(new char[] ( ',' }, 
StringSplitOptions.RemoveEmptyEntries); 
if(st.Length--2) 
{ 
MarkManager manager=new MarkManager (); 
msg-manager.getStudentMarks (st[0], st[1]); 
if (msg=="") msg=" 查 无 成 绩 , 是 不 是 学 号 或 者 密码 输入 错误 ?"; 


} 
catch(Exception exp) { msg=exp.Message; } 


return responseText (FromUserName, ToUserName, CreateTime,msg) ; 
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3.6.4 部 署 程序 


WeChatApi. ashx 也 部 署 在 业务 服务 器 的 wwwroot 默认 web 目录 中 ,并 设置 它 为 业 
务 服务 器 默认 处 理 程序 的 首选 。 


3.6.5 拓展 训练 


1. 修改 密码 程序 


类 似 于 成 绩 查询 功能 ,还 可 以 设计 用 户 修 改 密码 的 功能 。 在 MarkDAL 中 增加 一 个 
修改 密码 函数 changePassword, 它 有 学 号 SNo 、 旧 密码 oldPass 与 新 密码 newPass 共 3 个 
参数 , 当 通 过 学 号 与 昌 密 码 能 在 学 生 表 students 中 找到 一 条 记录 时 ,就 把 密码 修改 为 新 


密码 ,程序 如 下 : 


namespace MarkDAL 


{ 


public class StudentService 


{ 


public bool changePassword (String sNo,String oldPass,String newPass) 


{ 


bool flag=false; 


using (SqlConnection con=new SqlConnection(DBHelper.conString) ) 


} 


DBHelper DB=new DBHelper (con); 

SqlParameter pNo- new SqlParameter { ParameterName="@sNo", 
SqlDbType=SqlDbType.Char, Value=sNo }; 

SqlParameter pOldPass=new SqlParameter { ParameterName= 
"@oldPass", SqlDbType-SqlDbType.Char, Value=oldPass }; 
SqlParameter pNewPass=new SqlParameter { ParameterName= 
"@newPass", SqlDbType=SqlDbType.Char, Value=newPass }; 

if (DB.executeCommand ("update students set sPass = @ newPass 
where sNo=@sNo and sPass=@oldPass", pNo, pNewPass, pOldPass) 
>0) flag=true; 


con.Close(); 


return flag; 
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2. 修改 密码 命令 


用 户 发 送 的 文本 都 集中 在 二 Content 二 的 字符 串 中 ,按照 前 面 类 似 的 约定 ,如 果 用 户 
输入 的 命令 格式 是 


学 号 , 旧 和 密码 ,新 密码 


业务 服务 器 收 到 的 字符 串 是 用 逗号 分 开 的 3 个 部 分 ,就 是 修改 密码 命令 ;如 果 收 到 的 是 
两 个 部 分 ,就 是 查询 成 绩 命令 。 


3. 设计 接口 程序 
适当 修改 executeCommand 函数 ,增加 修改 密码 的 功能 : 


public String executeCommand (String xml) 
{ 
String msg=""; 
XElement root=XElement. Parse (xml); 
String FromUserName=root.Element ("FromUserName") .Value; 
String ToUserName-root.Element ("ToUserName") .Value; 
String CreateTime-root.Element ("CreateTime") .Value; 
String MsgType-root.Element ("MsgType") .Value; 
try 
{ 
if (MsgType=="event") 
{ 
String eventValue=root.Element ("Event") .Value; 
if ( eventValue=="subscribe") msg "XID KE fe MBE AE if A BR a) 
i 
elseif(MsgType--"text") 
{ 
String content=root.Element ("Content") .Value.Trim() .ToLower (); 
String[] st=content.Split (new char[] ( ',' }, StringSplitOptions. 
RemoveEmptyEntries); 
if(st.Length--2) 
{ 
MarkManager manager=new MarkManager (); 
msg=manager.getStudentMarks(st[0], st[1]); 
if (msg--"") msg=" 查 无 成 绩 ,是 不 是 学 号 或 者 密码 输入 错误 ?"; 
} 
else if(st.Length--3) 
{ 
StudentManager manager=new StudentManager (); 
if (manager.changePassword(st[0], st[1], st[2])) msg=" 密 码 修改 
成 功 !"; 
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else msg- "密码 修 改 失败 !"; 
} 
else msg=" 查 询 成 绩 : 学 号 ,密码 \r\n 修改 密码 : 学 号 , 旧 密 码 , 新 密码 "; 


} 
catch (Exception exp) { msg=exp.Message; } 


return responseText (FromUserName,ToUserName,CreateTime,msg); 
} 


在 公众 号 中 输入 修改 密码 的 命令 就 可 以 修改 密码 ,如 图 3-22 所 示 。 


DotNetWeb 课 程 


Java 语 言 程序 设计 : 90 


1301190301,123456 


Ni BERK, 是 不 是 学 号 或 者 密 
' 码 输 入 错误 ? 


1301190301,1301190301,1234 
56 


= 
Mig, een 
加 Q6 
A 3-22 微 信 修改 密码 


3.7 WERTE UK fA A E TP BUSEEL 
3.7.1 技术 要 点 


1. 保护 Web Service 接口 函数 


在 前 面 的 Web Service 的 接口 函数 程序 中 都 没有 对 这 些 函 数 进行 保护 ,很 显然 只 要 
这 个 Web Service 部 署 在 网 站 上 ,任何 人 都 可 以 找到 这 个 服务 ,而 且 可 以 生成 接口 函数 的 
调用 代理 来 调用 这 些 函 数 , 因 此 用 户 就 可 以 写 一 个 程序 来 随意 改变 课程 .学 生 ,成 绩 等 记 
录 。 这 样 显然 是 极为 不 安全 的 ,必须 对 程序 进行 保护 。 

一 个 简单 的 保护 方法 是 在 MarkService. asmx 程序 中 使 用 SoapHeader 类 ,顾名思义 
这 个 类 就 是 Soap 的 头 信 息 类 ,包含 了 很 多 Soap 信息 。 程 序 可 以 在 它 的 基础 上 再 派生 一 
个 类 ,例如 起 名 为 UserHeader, 在 类 中 另外 增加 两 个 属性 ,一 个 是 用 户 名 称 uName, 男 一 
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个 是 用 户 密码 uPass, 这 个 类 定义 如 下 : 


public class UserHeader : SoapHeader 
t 
public String uName; 
public String uPass; 
public bool valid() 
{ 
UserManager manager-new UserManager(); 


return(manager.login(uName, uPass)--"logined"); 


) 


在 类 中 定义 了 一 个 检验 函数 valid, 它 的 作用 是 检验 这 个 用 户 是 否 有 效 。login 是 
MarkBLL 中 定义 的 用 户 注册 登录 程序 ,这 个 程序 与 前 面 项 目 中 的 用 户 注 册 登 录 程 序 
类 似 。 

在 定义 UserHeader 后 ,重新 修改 MarkService 类 的 程序 ,在 类 中 定义 一 个 User- 
Header 的 变量 header, 同 时 为 每 个 接口 函数 前 面 增加 一 个 [SoapHeader("header")] 的 属 
性 。 例 如 修改 后 的 增加 课程 函数 addSubject 如 下 : 


public class MarkService: System.Web.Services.WebService 
{ 
public UserHeader header; 
[SoapHeader ("header") ] 
[WebMethod] 
public int addSubject (SubjectClass s) 
{ 
if (header !=null && header.valid()) 
{ 
SubjectManager manager=new SubjectManager (); 
return manager.addSubject (ref s); 
} 


return 0; 


} 


MarkService. asmx 经 过 修改 后 重新 部 署 在 网 站 上 ,客户 端 程序 重新 更 新 服务 引用 
WS, 那 么 在 客户 端 会 生成 WS. UserHeader 代理 类 ,函数 addSubject 的 代理 函数 变 成 如 
下 形式 : 


bool addSubject (WS.UserHeader header,WS.SubjectClass subject) 


就 是 说 在 调用 addSubject 函数 时 要 求 提供 一 个 WS. UserHeader 对 象 , 这 个 对 象 包 
含 用 户 名 称 uName 与 密码 uPass 属性 ,通过 代理 函数 这 个 header 传递 给 服务 器 ,在 调用 
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服务 器 函数 addSubject 中 可 以 得 到 一 个 header 对 象 , 在 函数 中 检测 header 对 象 , 如 果 不 
为 null, 同 时 用 户 身份 检测 通过 ,就 调用 增加 课程 的 函数 ,否则 就 不 执行 增加 课程 的 工作 。 

这 个 方法 有 效 地 保护 了 Web Service 的 安全 性 ,即便 用 户 能 够 获取 Web Service 的 
函数 调用 规则 ,每 个 函数 都 必须 提供 User Header 对 象 进行 用 户 身 份 检验 ,一 般 用 户 也 不 
能 成 功 调用 这 些 函 数 了 。 


2. 回复 图 文 信息 


用 户 在 关注 公众 号 与 查询 成 绩 时 ,业务 服务 器 都 是 回复 一 个 纯 文 本 信息 给 用 户 。 如 
果 要 美观 ,还 可 以 发 送 图 文 信息 给 用 户 , 图 文 信息 的 基本 格式 如 下 : 


«xml» 

<ToUserName>< ! [CDATA[toUser] ]></ToUserName> 
<FromUserName>< ! [CDATA[fromUser] ]></FromUserName> 
<CreateTime> 12345678</CreateTime> 
«MsgType»«! [CDATA [news] ]></MsgType> 
<ArticleCount>2</ArticleCount> 

<Articles> 

<item> 

«Title»«'![CDATA[titlel]]» «/Title» 

«Description»«! [CDATA[descriptionl]]»«/Description» 
<PicUrl><! [CDATA[picurl]]></PicUrl> 
<Url><! [CDATA [url] ]></Url> 

</item> 

<item> 

<Title><![CDATA[title]]></Title> 

<Description><! [CDATA[description] ]></Description> 
<PicUrl><! [CDATA[picurl]]></PicUrl> 

<Url><! [CDATA [url] ]></Url> 

</item> 

</Articles> 


«/xml» 
其 中 可 以 包含 多 个 图 文 信息 ,图 文 信息 的 图 像 由 PicUrl 指定 ,Description 实际 上 是 摘要 ， 
只 能 是 纯 文本 , Url 是 要 转 去 的 Url 原文 地 址 ,各 个 参数 的 意义 如 表 3-3 所 示 。 
表 3-3 图 文 信息 参数 意义 
$ 意 x 
ToUserName | 开发 者 公众 微 信号 ,可 以 看 成 是 公众 号 的 唯一 标识 


发 送 用 户 的 账号 ,可 以 看 成 用 户 的 微 信 号 ,实际 值 是 微 信号 做 了 处 理 的 公 
F- (OpenID) ,通过 它 可 以 唯一 确定 一 个 微 信 用 户 


CreateTime 消息 创建 时 间 ,是 一 个 整数 值 


FromUserName 
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参 数 意 4 
MsgType 消息 类 型 ,对 于 图 文 消息 固定 为 news 
ArticleCount 图 文 的 个 数 ,最 多 10 个 
Articles — £f <item> fff] [el x Jii H 
Title 每 个 图 文 的 标题 
Description 图 文 的 文字 描述 
PicUrl 图 像 的 URL 地 址 ,第 一 个 的 图 像 是 最 大 的 ,其 余 的 为 小 图 
Url 源 文 的 地 址 ,可 以 为 空 


根据 图 文 信息 的 要 求 ,设计 回复 图 文 的 函数 responseImageText 来 代替 前 面 的 
responseText 函数 。 


String responseImageText (String FromUserName, String ToUserName, String 
CreateTime, String msg) 
{ 
String s="<xml>"; 
s=st+"<ToUserName>< ! [CDATA["+FromUserName+"]]></ToUserName>"; 
s=st+"<FromUserName>< ! [CDATA["+ToUserName+"]]></FromUserName>"; 
s=st+"<CreateTime><! [CDATA["+CreateTime+"]]></CreateTime>"; 
s=st+"<MsgType>< ! [CDATA [news] ]></MsgType>"; 
s=s+"<ArticleCount>1</ArticleCount>"; 
s=s+"<Articles><item>"; 
S=st+"<Title> fifa MA HIM </Title>"; 
s=st+"<Description><! [CDATA["+msg+"]]></Description>"; 
s=st+"<PicUrl><! [CDATA[http://119.29.202.190/WeChatMark/mark.jpg] ]> 
«/PicUrl»"; 
S-st"«/item»«/Articles»"; 
s=st"</xml>"; 
return s; 


} 
在 回复 时 只 回复 一 条 图 文 信息 ,因此 二 ArticleCount > f Jy. 1. n a EC TE 
过 Description 请 中 显示 ,所 用 的 图 片 二 PicUrl 请 可 以 是 业务 服务 器 上 的 一 张 图 片 , 也 可 以 
是 网 络 上 任何 一 张 图 片 ,但 是 要 详细 给 出 图 片 的 URL 地 址 。 


372 ”服务 器 程序 


服务 器 管理 程序 采用 3 层 结构 ,分 别 定义 MarkDAL、MarkBLL、MarkModel 3 个 类 
项 目 与 一 个 web 网 站 ,如 图 3-23 所 示 。 
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解决 方案 资源 管理 器 
ceom|eo-emd|s-R% 
搜索 解决 方案 资源 管理 圳 (Ctrl+)) 
四 | 解决 方案 WeChatMark' (4 个 项 目 ) 
a [œ] MarkBLL 
b # Properties 
b wu 引用 
b œ MarkManager.cs 
b œ StudentManager.cs 
b œ SubjectManager.cs 
b œ UserManager.cs 
b œ WeChatManager.cs 
4 [œ] MarkDAL 
b £ Properties 
b wa 引用 
b © DBHelper.cs 
b  €* MarkService.cs 
b œ StudentService.cs 
b œ SubjectService.cs 
b €* UserService.cs 
4 [œ] MarkModel 
b # Properties 
b wa 引用 
b © ModelClass.cs 
4 @web 
b @ Bin 
A Default.aspx 
38 MarkService.asmx 
38 WeChatApi.ashx 


3-23 ”服务 器 管理 程序 结构 


1. MarkModel 


定义 SubjectClass, StudentClass, MarkClass 类 ,与 数据 库 表 subjects, students, 


marks 对 应 。 


2. MarkDAL 


MarkDAL 包含 DBHlep,SubjectService, StudentService 以 及 MarkService 类 ,各 个 


类 主要 函数 如 表 3-4 所 示 。 


X 3-4 MarkDAL 中 类 余 函 数 


函数 名 称 


说 明 


getSubjectDataTable() 


获取 课程 记录 数据 集 


| addSubject(SubjectClass) 


增加 一 门 课程 


SubjectService 
deleteSubject(SubjectClass) 


删除 一 门 课程 


updateSubject( SubjectClass) 


更 新 一 门 课程 
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续 表 
类 函数 名 称 说 明 
getStudentDataTable() 获取 学 生 记 录 数 据 集 
addStudent(StudentClass) 增加 一 个 学 生 
deleteStudent(StudentClass) 删除 一 个 学 生 
StudentService 
updateStudent(StudentClass) 更 新 一 个 学 生 
appendStudentList(List< StudentClass> ) 增加 一 批 学 生 
changePassword( String, String, String) 修改 学 生 密 码 
getMarkDataTable(int) 获取 成 绩 记录 数据 集 
MarkService updateMarkList( List< MarkClass> ) 更 新 一 批 成 绩 
getStudentMarks(String.String) 微 信 获 取 学 生成 绩 
UserService login (String, String) 用 户 登 录 
3. MarkBLL 


这 个 类 项 目 中 包含 对 应 的 SubjeetManager, StudentManager, MarkManager  UserManager 
类 ,每 个 类 的 函数 与 MarkDAL 中 的 对 应 。 另 外 的 WeChatManager 是 用 来 响应 微 信 服 
务 器 的 管理 类 ,程序 如 下 : 


namespace MarkBLL 
{ 
public class WeChatManager 
{ 

String responseImageText (String FromUserName, String ToUserName, 

String CreateTime, String msg) 

{ 
String s-"«xml»"; 
s=st+"<ToUserName>< ! [CDATA["+FromUserName+"]]></ToUserName>"; 
s=s+"<FromUserName>< ! [CDATA ["+ ToUserName+"] ]></FromUserName>"; 
s=st+"<CreateTime><! [CDATA["+CreateTime+"]]></CreateTime>"; 
s=st+"<MsgType>< ! [CDATA [news] ]></MsgType>"; 
s=st+"<ArticleCount>1< /ArticleCount>"; 
s=st"<Articles><item>"; 
s=s+"<Title> 微 信 成 绩 查 询 < /Title>"; 
s=st+"<Description><! [CDATA["+msg+"]]></Description>"; 
s=st"<PicUrl><! [CDATA[http://119.29.202.190/WeChatMark/mark. 
jpg]]></PicUr1>"; 
s=st"</item></Articles>"; 
s=st+"</xml>"; 


return s; 
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) 


public String executeCommand (String xml) 


{ 


String msg=""; 
XElement root=XElement. Parse (xml); 
String FromUserName-root.Element ("FromUserName") .Value; 
String ToUserName=root.Element ("ToUserName") .Value; 
String CreateTime=root.Element ("CreateTime") .Value; 
String MsgType=root.Element ("MsgType") .Value; 
try 
{ 
if (MsgType=="event") 
{ 
String eventValue=root.Element ("Event") .Value; 
if (eventValue=="subscribe") msg=" 欢迎 关注 微 信 成 绩 查 询 公 
BGI; 
} 
else if (MsgType=="text") 
{ 
String content=root.Element ("Content") .Value.Trim() . 
ToLower(); 
String[] st-content.Split(new char[] ( ',' }, 
StringSplitOptions.RemoveEmptyEntries); 
if(st.Length--2) 
{ 
MarkManager manager=new MarkManager (); 
msg-manager.getStudentMarks (st[0], st[1]); 
if (msg=="") msg=" 查 无 成 绩 , 是 不 是 学 号 或 者 密码 输入 错误 ?"; 
} 
else if(st.Length--3) 
{ 
StudentManager manager-new StudentManager () 
if (manager.changePassword(st[0], st[1], st[2])) msg= 
"密码 修改 成 功 !"; 
else msg- "密码 修改 失败 !1"; 
} 
else msg- "查询 成 绩 : 学 号 ,密码 \r\n 修改 密码 : 学 号 , 旧 密 码 , 新 密码 "; 


} 
catch(Exception exp) { msg=exp.Message; } 


return responseImageText (FromUserName, ToUserName, CreateTime, msg); 
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4. web 网 站 


web 网 站 主要 包含 的 程序 如 表 3-5 所 示 。 
表 3-5 web 网 站 文件 
主要 功能 或 者 包含 函数 
微 信 验证 程序 
微 信 服务 器 与 业务 服务 器 的 接口 程序 
课程 .学生 、 成 绩 管理 的 Web Service 


x f 


Deafult. aspx 


WeChatApi. ashx 


MarkService. asmx 


Default. aspx 与 WeChatA pi. ashx 在 前 面 已 经 讲解 过 ,MarkService. asmx fa BE Xf PRI 
数 进行 保护 ,程序 如 下 : 


<%@WebService Language="C# " Class-"MarkService" %> 
using System; 
using System.Web; 
using System.Web.Services; 
using System.Web.Services.Protocols; 
using System.Data; 
using System.Collections.Generic; 
using MarkModel; 
using MarkBLL; 
[WebService (Namespace="http://tempuri.org/") ] 
[WebServiceBinding (ConformsTo=WsiProfiles.BasicProfilel 1) ] 
public class UserHeader : SoapHeader 
{ 

public String uName; 

public String uPass; 

public bool valid() 

{ 

UserManager manager-new UserManager (); 


return  (manager.login(uName, uPass)--"logined"); 


} 
public class MarkService : System.Web.Services.WebService 
{ 

public UserHeader header; 

[SoapHeader ("header") ] 

[WebMethod] 

public bool login() 

{ 


return(header !=null && header.valid()); 
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[SoapHeader ("header")] 
[WebMethod] 
public DataTable getSubjectDataTable() 
{ 
if (header !=null && header.valid()) 
{ 
SubjectManager manager=new SubjectManager (); 
return manager.getSubjectDataTable(); 
) 
return null; 
} 
[SoapHeader ("header") ] 
[WebMethod] 
public bool updateSubject (SubjectClass s) 
{ 
if (header !=null && header.valid()) 
{ 
SubjectManager manager=new SubjectManager (); 
return manager.updateSubject (s); 
) 
return false; 
y 
[SoapHeader ("header")] 
[WebMethod] 
public int addSubject (SubjectClass s) 
{ 
if (header !=null && header.valid()) 
{ 
SubjectManager manager-new SubjectManager (); 
return manager.addSubject (ref s); 
} 
return 0; 
} 
[SoapHeader ("header") ] 
[WebMethod] 
public bool deleteSubject (SubjectClass s) 
{ 
if (header !=null && header.valid()) 
{ 
SubjectManager manager=new SubjectManager (); 
return manager.deleteSubject (s); 
) 


return false; 
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ILEILE 
[SoapHeader ("header") ] 
[WebMethod] 


public DataTable getStudentDataTable() 
{ 
if (header !=null && header.valid()) 
{ 
StudentManager manager=new StudentManager (); 
return manager.getStudentDataTable(); 
} 
return null; 
} 
[SoapHeader ("header") ] 
[WebMethod] 
public bool updateStudent (StudentClass s) 
{ 
if (header !=null && header.valid()) 
{ 
StudentManager manager=new StudentManager (); 
return manager.updateStudent (s); 
} 
return false; 
} 
[SoapHeader ("header") ] 
[WebMethod] 
public bool addStudent (StudentClass s) 
{ 
if (header !=null && header.valid()) 
{ 
StudentManager manager=new StudentManager (); 
return manager.addStudent (s); 
} 
return false; 
} 
[SoapHeader ("header") ] 
[WebMethod] 
public int appendStudentList (List<StudentClass>students) 
{ 
if (header !=null && header.valid()) 
{ 
StudentManager manager=new StudentManager (); 


return manager .appendStudentList (students); 


} 


return 0; 
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} 
[SoapHeader ("header") ] 
[WebMethod] 
public bool deleteStudent (StudentClass s) 
{ 
if (header !=null && header.valid()) 
{ 
StudentManager manager=new StudentManager(); 
return manager.deleteStudent (s); 
) 
return false; 
) 
A1111111111111/ 
[SoapHeader ("header") ] 
[WebMethod] 
public DataTable getMarkDataTable (int sID) 
{ 
if (header !=null && header.valid()) 
{ 
MarkManager manager=new MarkManager (); 
return manager.getMarkDataTable(sID); 
} 
return null; 
} 
[SoapHeader ("header") ] 
[WebMethod] 
public int updateMarkList (List<MarkClass>marks) 
{ 
if (header !=null && header.valid()) 
{ 
MarkManager manager=new MarkManager(); 


return manager.updateMarkList (marks); 


return 0; 


服务 器 程序 设计 好 后 ,执行 “生成 解决 方案 ”命令 ,在 网 站 web 的 bin 目录 下 自动 生 
成 MarkDAL、MarkBLL 及 MarkModel 的 动态 库 文件 ,把 它们 复制 到 远程 服务 器 的 默认 
目录 wwwroot 的 bin 目录 下 ,同时 把 Default. aspx, WeChatApi. ashx, MarkService. 
asmx 复制 到 wwwroot 目录 下 ,另外 把 成 绩 数据 库 部 署 在 远程 服务 器 中 。 这 些 都 做 好 
后 ,就 可 以 通过 成 绩 管理 客户 端 管理 成 绩 , 通 过 微 信 公众 号 查询 成 绩 了 。 
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373 客户 端 管理 程序 


客户 端 是 一 个 多 窗 体 的 WPF 程序 ,程序 结构 如 图 3-24 所 示 , 它 有 一 个 主 窗 体 
MainWindow, 用 来 实现 管理 员 用 户 的 登录 ,同时 用 来 启动 课程 管理 窗 体 Subject Window, 
学 生 管理 窗 体 StudentWindow、 成 绩 管理 窗 体 MarkWindow。 


解决 方案 资源 管理 器 yox 
Cog|o-e#ag|se-R 
搜索 解决 方案 资源 管理 器 (Ctrl+;) P~- 


fen] 解决 方案 "MarkClient"(1 个 项 目 ) 
4 [MarkClient 
b £ Properties 
b wa 引用 
4 = Service References 
Ws 
2 App.config 
b App.xaml 
4 D) MainWindow.xaml 
b 首 MainWindow.xaml.cs 
4 [3 MarkWindow.xaml 
> T^ MarkWindow.xaml.cs 
4 D) StudentWindow.xaml 
b Ë) StudentWindow.xaml.cs 
4 D SubjectWindow.xaml 
b Ë) SubjectWindow.xaml.cs 
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MainWindow 的 主要 功能 是 实现 管理 员 的 登录 ,登录 成 功 后 可 以 启动 课程 .学 生 、 成 
绩 的 管理 窗 体 ,MainWindow 的 界面 包含 的 控件 如 表 3-6 所 示 。 


# 3-6 MainWindow 的 控件 


控件 名 称 控件 类 型 说 明 

txtName TextBox 管理 员 名 称 

txtPass TextBox 管理 员 密 码 

txtURL TextBox 服务 器 地 址 

btLogin Button 登录 按钮 

btSubject Button 启动 课程 管理 窗 体 按钮 
btStudent Button 启动 学 生 管理 窗 体 按钮 
btMark Button 启动 成 绩 管理 窗 体 按钮 

主要 程序 如 下 : 


namespace WeChatMarkClient 


{ 
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public partial class MainWindow : Window 
{ 
WS .WeChatMarkServiceSoapClient client; 
WS .UserHeader header; 
public MainWindow() 
{ 
InitializeComponent (); 
} 
public void showMsg(String s) 
{ 
MessageBox.Show(s, "Information", MessageBoxButton. OK) ; 
} 
public bool confirm(String s) 
{ 
return (MessageBox.Show(s, "Confirmation", MessageBoxButton. 
YesNo)--MessageBoxResult.Yes); 
) 
String encryptString (String s) 
{ 
MD5 md5=new MD5CryptoServiceProvider(); 
byte[] buf-Encoding.UTF8.GetBytes(s); 
buf=md5.ComputeHash (buf); 
sz""; 
foreach (byte x in buf) s-s*x.ToString("X2"); 
return s; 
) 
private void btLogin Click(object sender, RoutedEventArgs e) 
{ 
String url=txtURL.Text.Trim(); 
String uName=txtName.Text.Trim(); 
String uPass=txtPass.Password; 
if(url!="" && uName!="" && uPass!="") 
{ 
try 
{ 
uPass-encryptString (uPass); 
header-new WS.UserHeader ( uName=uName, uPass=uPass }; 
client-new WS.WeChatMarkServiceSoapClient (); 
client .Endpoint .Address=new System.ServiceModel. 
EndpointAddress (url); 
if(client.login(header)) 
{ 
btLogin.IsEnabled=false; 
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txtPass.IsEnabled=false; 
txtURL.IsEnabled= false; 
btSubject.IsEnabled=true; 
btStudent.IsEnabled-true; 
btMark.IsEnabled-true; 


} 


catch(Exception exp) { showMsg (exp.Message); } 


} 
private void mainWindow Loaded(object sender, RoutedEventArgs e) 
{ 
btSubject.IsEnabled-false; 
btStudent.IsEnabled-false; 
btMark.IsEnabled-false; 
} 
private void btSubject_Click (object sender, RoutedEventArgs e) 
{ 
SubjectWindow dlg=new SubjectWindow(this, header,client); 
dlg.Show(); 
this .Hide(); 
} 
private void btStudent_Click (object sender, RoutedEventArgs e) 
{ 
StudentWindow dlg=new StudentWindow(this,header, client); 
dlg.Show(); 
this.Hide(); 
} 
private void btMark Click(object sender, RoutedEventArgs e) 
{ 
MarkWindow dlg=new MarkWindow(this,header, client); 
dlg.Show(); 
this.Hide(); 


} 


SubjectWindow , Student Window , Mark Window 的 界面 与 程序 在 前 面 的 章节 中 基本 
都 讲解 过 ,整合 到 这 个 综合 项 目 中 只 要 做 一 些 修改 即 可 ,限于 篇 幅 不 再 列 出 。 


3.7.4 拓展 训练 


如 果 业 务 服务 器 是 域名 绑 定 的 ,那么 用 户 可 以 直接 从 微 信 公众 号 转 去 业务 服务 器 上 
的 任何 一 个 网 页 。 因 此 可 以 设计 一 个 简单 的 成 绩 查询 网 页 seek. aspx, 该 网 页 让 用 户 在 
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界面 中 输入 学 号 与 密码 ,然后 单 击 查询 按钮 就 可 以 查询 成 绩 了 ,这 与 普通 的 计算 机 网 页 
查询 没有 什么 两 样 。seek. aspx 的 设计 也 与 普通 的 计算 机 网 页 没有 太 大 区 别 , 唯 一 不 同 
的 是 如 果 直 接 用 手机 去 浏览 计算 机 网 页 ,一般 网 页 的 字体 会 很 小 。 为 了 让 手机 能 比较 好 
地 浏览 计算 机 网 页 ,网 页 中 要 加 上 一 段 开始 的 二 head 二 部 分 : 


<head> 

<meta name="viewport" content="width=device- width, height=device-height, 
inital-scale=1.0,maximum-scale=1.0,user-scalable=no;"> 

«meta name-"apple-mobile-web-app-capable" content="yes"> 

«meta name-"apple-mobile-web-app-status-bar-style" content-"black"» 
«meta name-"format-detection" content-"telephone-no"» 

</head> 


如 果 网 页 包含 这 个 部 分 ,用 手机 浏览 网 页 时 字体 就 不 会 太 小 ,同时 又 不 影响 计算 机 
浏览 该 网 页 。 考 虑 这 个 因素 后 seek. aspx 程序 设计 如 下 : 


<%@ Page Language="C# " Debug="true" Async="true" %> 
<%@ Import NameSpace="System" %> 
<%@ Import NameSpace-"System.Configuration" %> 
<%@ Import NameSpace="System.Web" %> 
<%@ Import Namespace="MarkBLL" %> 
<script src="jquery.js"></script> 
<script> 
function trySeek() { 
var no=$ ("# txtNo").val(); 
var pass=$ ("# txtPass") .val(); 
if (no=="" || pass=="") { 
alert ("学 号 与 密码 不 能 为 空 "); return false; 
} 
return true; 
} 
</script> 
<script runat="server"> 
void seek (Object sender,EventArgs e) 
{ 
try 
{ 
String sNo=txtNo.Text.Trim(); 
String sPass=txtPass.Text.Trim(); 
MarkManager manager=new MarkManager (); 
msg.Text-manager.getStudentMarks (sNo, sPass) ; 
} 
catch (Exception exp) { msg.Text=exp.Message; } 
} 


</script> 
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<html> 

<head> 

«meta name-"viewport" content="width=device- width, height=device-height, 

inital-scale-1.0,maximum-scale-1.0,user-scalable-no;"» 

«meta name-"apple-mobile-web-app-capable" content="yes"> 

«meta name-"apple-mobile-web-app-status-bar-style" content-"black"» 

«meta name-"format- detection" content-"telephone-no"» 

</head> 

<body> 

<form id="myform" runat="server" method="post"> 

<table width="240" align="center"> 

<tr><td> </td><td><asp:TextBox id="txtNo" runat="server" 
Text-"" Width="100%" /></td></tr> 
<tr><td> # i </td> < td» < asp: TextBox id="txtPass" TextMode = 
"Password" runat="server" Text-"123" Width="100%"/></td></tr> 
<tr><td colspan-"2" align="center"><asp:Button id-"btSeek" runat- 
"server" Text- "查询 
</tr> 


onclick- "seek" onClientClick-"trySeek()" /></td> 


<tr><td colspan-"2" align-"center"»« asp: TextBox id="msg" runat= 


"server" Text-"" TextMode-"MultiLine" Rows-"10" Columns-"30" 
ReadOnly-"true" /»«/td»«/tr» 
</table> 
</form> 
</body> 


</html> 


通过 手机 直接 访问 这 个 网 页 查询 的 结果 如 图 3-25 所 示 。 


学 号 [ 


1301190301 
mon 


Ajax 编程 技术 : 70 
CC# 语 言 程序 设计 : 80 
Java 语 言 程序 设计 : 90 


图 3-25 手机 网 页 查询 成 绩 
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1. 编写 一 个 Web Service 程序 server. asmx 与 一 个 客户 端 程序 client, server. asmx 
中 包含 如 下 接口 函数 test: 


[WebMethod] 
public String test () 
{ 
throw new Exception (“Something is wrong"); 


) 


编写 客户 端的 程序 调用 这 个 函数 并 捕捉 这 个 异常 。 
2. 一 个 城市 信息 表 文 本 文件 是 cities. txt ,结构 如 下 : 
广东 ,广州 

广东 ,深圳 

广东 ,珠海 

四 川 , 成 都 

四 川 ,广安 

贵州 ,贵阳 


每 一 行 是 一 个 城市 ,包括 城市 所 在 省 份 、 城 市 名 称 。 编 写 服 务 器 Web Service, 它 能 
返回 所 有 省 份 的 字符 串 列表 ,能 根据 指定 的 省 份 返回 该 省 份 下 辖 的 所 有 城市 的 字符 串 列 
表 。 编 写 客户 端 用 两 个 下 拉 列 表 框 存储 省 份 与 城市 ,获取 所 有 的 省 份 显 示 在 一 个 下 拉 列 
表 框 中 ,在 选择 一 个 省 份 后 获取 该 省 份 的 城市 显示 在 另外 一 个 下 拉 列 表 框 中 。 

3. Web 服务 器 文件 夹 下 有 一 个 images 的 子 文件 夹 images 中 存储 了 一 组 jpg 的 图 
像 文件 ,编写 Web Service 服务 器 程序 与 客户 端 程序 实现 以 下 功能 : 

(1) 获取 images 中 所 有 图 像 名 称 的 列表 ,显示 在 客户 端 。 

(2) 客户 端 选择 一 个 图 像 名 称 后 ,能 查看 到 该 图 像 。 

(3) 客户 端 能 上 传 图 像 到 服务 器 的 images 文件 夹 中 ,如 果 有 同名 的 文件 存在 , 则 拒 
绝 上 传 。 

4. 编写 一 个 手机 微 信 查 询 城市 天 气 预报 的 程序 ,在 微 信 中 输入 一 个 城市 的 名 称 后 能 
查 到 该 城市 的 天 气 预 报 。 微 信 接 口 的 服务 器 程序 的 功能 是 接收 微 信 服务 器 传递 过 来 的 
城市 名 称 , 然 后 从 百度 服务 器 获取 天 气 预报 数据 ,再 把 天 气 预 报信 息 推 送 给 微 信服 务 器 
和 手机 微 信 。 
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Internet 


WCF( Windows Communication Foundation) 是 由 微软 公司 开发 的 一 系列 支持 数据 
通信 的 应 用 程序 框架 ,可 以 翻译 为 Windows 通信 开发 平台 , 它 是 对 Web Service 的 扩展 ， 
其 最 大 的 特点 是 服务 器 可 以 是 一 个 独立 于 IIS 的 应 用 
程序 ,而 且 支 持 HTTP、TCP 等 多 种 协议 ,在 通信 安全 
性 上 有 很 强 的 功能 。 | 

试题 练习 程序 是 一 个 客户 端 与 服务 器 的 WCF 程 » 
序 系统 ,程序 结构 如 图 4-1 所 示 ,服务 器 与 客户 端 通过 。 试题 服务 器 DELI 
SOAP 协议 进行 交互 。 图 4-1 程序 结构 

试题 服务 器 是 一 个 控制 台 程 序 , 启 动 后 会 监听 某 
个 网 址 ,如 图 4-2 所 示 。 试 题 练习 客户 端 程序 是 一 个 WPF 的 窗 体 程序 ,启动 后 输入 用 户 
名 称 与 密码 , 单 击 " 登 录 ” 按 钮 可 以 登录 到 服务 器 。 其 中 名 为 Admin 的 用 户 是 管理 员 用 
户 ,其 他 名 称 的 为 普通 用 户 , 如 图 4-3 所 示 。 


http://localhost:8888/NetTestService/ 


Admin = eee | E ie. ae 
EN [mase | ECE 
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管理 员 的 责任 是 试题 与 成 绩 的 管理 ,登录 后 可 以 进行 试题 管理 .成绩 管理 操作 ,管理 
员 可 以 增加 、 删 除 与 修改 试题 ,如 图 4-4 所 示 。 


44 试题 管理 


普通 用 户 登 录 后 不 可 以 实现 试题 管理 。 只 可 以 进行 测试 练习 与 个 人 成 绩 管理 操作 。 
单 击 “测试 练习 ”按钮 后 打开 “测试 练习 ” 窗 体 , 这 个 窗 体 中 列 出 了 随机 的 10 个 题目 ,每 个 
题目 下 面 有 一 个 下 拉 列 表 框 ,用 户 从 下 拉 列 表 框 中 选择 A、B、C.、D 四 个 答案 之 一 进行 答 
题 ,完成 后 单 击 “ 提 交 答 案 ? 按 钮 ,软件 自动 计算 出 成 绩 并 把 成 绩 上 传 到 服务 器 ,随后 显示 
出 标准 答案 供用 户 对 比 ,如 图 4-5 所 示 o 

用 户 每 做 一 次 练习 就 生成 一 条 成 绩 记 录 , 普 通用 户 可 以 查看 与 管理 自己 的 测试 成 
绩 , 不 可 以 查看 与 管理 别人 的 成 绩 ,如 图 4-6 所 示 。 


3. Though he lost the race, he himse ~ 
A. became 
B. proved F3 


C. considered 
D. found 


DIS 


B 


4. 党 brother is a hardworkina stud ™ 
< > 


图 4-5 测试 练习 图 4-6 成 绩 管理 


这 个 系统 中 客户 端 与 服务 器 是 通过 HTTP 协议 (实际 上 是 SOAP 协议 ) 进 行 通信 
的 ,因此 服务 器 可 以 部 署 在 远程 的 网 络 上 ,可 以 绕 过 一 般 防火 墙 ,这 种 架构 的 软件 系统 实 
用 性 很 强 , 本 项 目 就 以 这 个 程序 为 例 讲解 这 种 程序 的 结构 与 设计 方法 。 


4.1 用 户 注 册 和 营 录 


4.1.1 案例 展示 
设计 控制 台 的 服务 器 程序 ,用 来 管理 用 户 的 登录 或 者 注册 。 设 计 WPF 客户 端 窗 体 


ma) 基于 wcF 的 试题 练习 程序 191 


程序 连接 服务 器 ,输入 用 户 名 称 与 密码 实现 用 户 注 册 或 者 登录 。 如 果 用 户 不 存在 , 则 用 
这 个 用 户 名 执行 注册 ;如 果 用 户 已 经 存在 , 则 执行 登录 。 用 
户 注 册 登 录 窗 体 如 图 4-7 所 示 。 


4.1.2 技术 要 点 


1. 数据 库 表 


在 SQL Server 中 建立 数据 库 NetTest, 然 后 在 数据 库 
中 建立 users X. users 表 是 用 户 信息 表 , 它 有 两 个 字段 ,一 个 是 uName 为 用 户 名 称 , 一 
个 是 uPass 为 用 户 密码 ,执行 SQL 命令 建立 users X 


图 4-7 用 户 注册 登录 


create table users 

( 
uName varchar (32) primary key, 
uPass varchar (512) 


) 
其 中 uName 是 表格 的 关键 字段 ,用 户 名 称 不 能 重复 。 
2. WCF 服务 


Windows Communication Foundation(WCF) 是 由 微软 公司 开发 的 一 系列 支持 数据 
通信 的 应 用 程序 框架 , 翻译 为 Windows 通信 开发 平台 。WCF 是 对 于 ASMX,. NET 
Remoting, Enterprise Service, WSE, MSMQ 等 技术 的 


整合 , 也 就 是 说 WCF 是 Web Service 的 增强 版 。 
Dr $ WCF 最 基本 的 通信 机 制 还 是 SOAP, 这 就 保证 了 系统 
之 间 的 互 操作 性 ,如 图 4-8 所 示 。 一 般 来 说 WCF 与 
WCF 服 务 器 WCF 客 户 端 Web Service 相 比 有 下 面 一 些 特性 : 
图 48 WCF 程序 结构 (1) WCF 服务 器 可 以 是 一 个 独立 的 Windows 程 


序 ,或 者 Windows Service ,可 以 不 依赖 于 IIS, 

(2) WCF 不 但 支持 HTTP 协议 ,还 支持 HTTP、TCP/UDP、MSMQ. 命 名 管道 等 协议 。 

(3) WCF 可 以 配置 BasicHttpBinding 来 兼容 (或 者 说 变 身 成 ) 前 面 讲 过 的 Web Service. 

(4) WCF 的 可 配置 性 比 Web Service 强 , 很 多 功能 特性 可 以 通过 App. config 文件 来 
配置 。 

(5) WCF 可 以 与 ASP. NET 集成 .共享 一 个 上 下 文 (HttpContext)。 

(6) WCF 的 安全 性 比 Web Service 强 , 安 全 性 的 选择 方案 也 多 。 

C) WCF 支持 多 种 会 话 模式 : 单 向 ,双向 .请求 /响应 。 

(8) WCF 支持 多 种 格式 化 方式 ,如 DataContractSerializer, XmlSerializer, Data- 
ContractJsonSerializer 等 。 

总 的 来 说 ,WCF 在 各 个 方面 都 比 Web Service 强 , 但 是 由 于 WCF 是 多 种 技术 的 集 
成 , 比 Web Service 复杂 很 多 ,涉及 的 知识 很 多 ,限于 篇 幅 , 本 教程 只 对 WCF 的 基本 应 用 
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进行 讲解 。 
4.1.3 服务 器 程序 


1. 3 层 架 构 


按 以 下 的 操作 步骤 建立 一 个 3 层 架 构 的 服务 器 程序 : 

(1) 建立 一 个 空 的 解决 方案 项 目 NetTestServer。 

(2) 建立 名 称 为 NetTestDAL 的 DAL 层 类 库 ,在 其 中 建立 数据 库 基 本 操作 类 文件 
DBHelper. cs 以 及 用 户 注 册 管 理 类 文件 UserService. cs, 

(3) 建立 名 称 为 NetTestBLL 的 BLL 层 类 库 , 其 中 建立 用 户 管理 类 文件 UserManager. cs, 

(4) 建立 名 称 为 NetTestModel 的 Model 类 库 ,其 中 建立 数据 类 文件 ModelClass. cs, 

(5) 建立 名 称 为 NetTestServer 的 控制 台 程序 。 

(6) 添加 NetTestServer 控制 台 程 序 对 Net Test BLL, NetTestModel 的 引用 ,添加 
NetTestBLL 对 NetTestDAL , NetTestModel 的 引用 ,添加 NetTestDAL 对 NetTestModel 
的 引用 。 

(7) 在 ModelClass. cs 中 设计 一 个 UserClass 用 户 类 , 它 与 数据 库 表 users 对 应 : 


public class UserClass 
{ 
public String uName { get; set; } 
public String uPass { get; set; } 
} 


(8) 在 UserService. cs 设计 login 函数 ,这 个 函数 以 UserClass 为 参数 ,完成 用 户 的 
注册 或 者 登录 ,如 果 用 户 没 有 注册 过 就 执行 注册 操作 ,如 果 已 经 注册 过 就 执行 登录 操作 。 


public class UserService 
{ 
public String login (UserClass user) 
{ 
String s="failed"; 
using (SqlConnection con-new SqlConnection(DBHelper.conString)) 
{ 
DBHelper DB=new DBHelper (con); 
SqlParameter pName-new SqlParameter ("@uName", SqlDbType.Char) ; 
pName.Value-user.uName; 
SqlParameter pPass-new SqlParameter ("@uPass", SqlDbType.Char); 
pPass.Value=user.uPass; 
try 
{ 
DB.executeCommand ("insert into users values (@uName,@uPass)", 
pName, pPass); 
s="registered"; 
} 


catch 
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if(DB.getScalar("select count (* ) from users where uName- @ 
uName and uPass=@uPass", pName, pPass)>0) s-"logined"; 
} 
con.Close(); 
} 
return s}; 


} 


(9) 在 UserManager 设计 对 应 的 login 函数 ,以 便 在 NetTestDAL 与 它 的 上 一 层 之 
间 起 到 桥梁 作用 。 
public class UserManager 
{ 
public String login (UserClass user) 
{ 


UserService service=new UserService(); 
return service.login (user) ; 


2. 建立 WCF 服务 


D 增加 WCF 服务 器 

接 下 来 建立 一 个 WCF 服务 , 右 击 NetTestServer 控制 台 项 目 , 弹 出 快捷 菜单 ,选择 
“添加 新 项 "命令 ,弹出 “添加 新 项 ”对 话 框 ,在 对 话 框 中 选择 “WCF 服务 ”, 输 入 名 称 例 如 
NetTestService. cs 后 确定 , 如 图 4-9 所 示 。 接 下 来 在 解决 方案 资源 管理 器 中 的 
NetTestServer 下 看 到 一 个 NetTestService. cs 的 文件 和 一 个 INetTestService. cs 的 文 


i [RRA = 搜索 已 安装 模板 (Ctrl+ 日 


Visual c# 项 ^ 3885 Visual C# 项 
> Web 用 于 创建 WCF 服务 的 类 
Windows Forms Visual C& 项 
WPF 
常规 Visual C# 项 
代码 = 
数据 
Reporting 
SQL Server Visual C# 项 


f J Windows EEE Visual C# 项 


| XML 架构 Visual C# 项 
< 
单 击 此 处 以 联机 并 碍 找 模板 。 


NetTestService.cs 


图 4-9 增加 WCG 服务 
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件 , 到 此 为 止 解决 方案 资源 管理 器 如 图 4-10 所 示 。 


解决 方案 资源 管理 器 yox 
coode-e8*--5 
搜索 解决 方案 资源 管理 器 (Ctrl+;} »- 


len] 解决 方案 "NetTestServer (4 个 项 目 ) 
4 [*| NetTestBLL 

b £ Properties 

b wa 引用 


b œ UserManager.cs 
4 [E NetTestDAL 
b £ Properties 
b wa 引用 
b cs DBHelper.cs 
b €* UserService.cs 
4 加 NetTestModel 
b £ Properties 
b wa 引用 
b œ ModelClass.cs 
4 了 图 NetTestServer 
b £ Properties 
b wa 引用 
$31 App.config 
p €* INetTestService.cs 
p œ NetTestService.cs 
b €* Program.cs 


[wsosoumums M 


+10 解决 方案 结构 


打开 INetTestService. cs, 可 以 看 到 其 中 定义 了 一 个 INetTestService 的 接口 : 


[ServiceContract] 
public interface INetTestService 
{ 
[OperationContract] 
void DoWork(); 
} 


这 个 接口 有 一 个 LServiceContract] 的 属性 ,该 属性 表示 该 接口 是 用 于 公开 服务 的 接 
O ,类似 Web Service 中 的 [WebMethod] 属 性 。 接 口中 一 个 带 有 [LOperationContract ] 属 
性 的 函数 DoWork ,表示 该 函数 是 公开 的 服务 函数 。DoWork 函数 是 没有 实现 的 ,打开 对 
应 的 文件 NetTestSevice. cs 可 以 看 到 有 一 个 名 称 为 NetTestService 的 类 实现 这 个 接口 : 


public class NetTestService : INetTestService 
{ 

public void DoWork () 

{ 

H 
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DoWork 函数 是 对 INetTestService 接口 函数 的 实现 ,但 目前 这 个 函数 没有 什么 意 


义 。 我 们 把 DoWork 函数 换 成 自己 的 login 函数 , 接 下 来 改变 INetTestService 接口 
如 下 : 


[ServiceContract] 
public interface INetTestService 
{ 

[OperationContract] 

String login(UserClass user); 
} 


对 应 地 在 NetTestService. cs 的 类 中 实现 该 函数 : 


public class NetTestService : INetTestService 
{ 
public String login (UserClass user) 
{ 
UserManager manager=new UserManager(); 


return manager.login (user); 


} 


2) fic # App. config 文件 


在 NetTestServer 中 有 一 个 App. config 的 文件 ,这 是 WCF 的 一 个 关键 文件 ,这 个 文 
件 是 自动 产生 的 一 个 XML 格式 文件 ,主要 结构 如 下 : 


<?xml version-"1.0" encoding="utf-8" ?> 
<configuration> 
<system.serviceModel> 
<behaviors> 
<serviceBehaviors> 
<behavior name="NetTestBehavior"> 
<serviceMetadata httpGetEnabled="true" httpsGetEnabled= 
"true" /> 
<serviceDebug includeExceptionDetailInFaults-"false" /> 
</behavior> 
</serviceBehaviors> 
< /behaviors» 
«services» 
«service name-"NetTestServer.NetTestService" behaviorConfigur- 
ation="NetTestBehavior"> 
«endpoint address="" binding ="basicHttpBinding" contract = 
"NetTestServer.INetTestService"> 
<identity> 
<dns value="localhost" /> 


</identity> 
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</endpoint> 
<endpoint address="mex" binding="mexHttpBinding" contract= 
"IMetadataExchange" /> 
</service> 
</services> 
</system.serviceModel> 


</configuration> 


这 个 文件 的 内 容 一 般 比 较 多 ,但 是 有 几 个 重要 的 节点 是 必须 关注 的 ,而 且 有 些 地 方 

二 behavior 之 是 行为 节点 ,可 以 为 它 设 置 一 个 名 字 , 例 如 NetTestBehavior。 其 下 面 
fi] — serviceMetadata httpGetEnabled — "true" httpsGetEnabled= "true" /二 表示 人 允许 元 
数据 ,也 就 是 说 在 客户 端 可 以 发 现 这 个 服务 ,并 得 到 服务 信息 。 

<serviceDebug includeExceptionDetailInFaults= " true" /二 表示 服务 器 的 错误 可 以 
传递 到 客户 端 ,这 在 调试 程序 时 很 重要 ,可 以 随时 让 开发 人 员 找 到 程序 的 错误 。 而 在 发 
布 程序 时 可 以 把 true BOW false. Bi iE FH P? Ai IRS AE HJ fri e 

<service name =" NetTestServer. NetTestService" behaviorConfiguration =" Net- 
TestBehavior" 之 是 一 个 服务 节点 ,名 称 必 须 是 程序 中 添加 的 WCF 服务 的 名 称 
NetTestService, behaviorConfiguration 必须 是 二 behavior > WR PH X By 4&4 E 
NetTestBehavior, 

<endpoint address— "" binding =" basicHttpBinding" contract = " NetTestServer. 
INetTestService" > # 7X WCF 服务 采用 基本 的 HTTP. 协议 ,所 用 的 协议 接口 是 
INetTestService, 


<endpoint address = "mex" binding =" mexHttpBinding" contract =" IMetadata- 


Exchange" /7J& JC Bii ACHR UK IN 33 P ET A BE 7 CE FF DUI e P 3 EAS 90 I B 
的 元 数据 ,不 能 正确 生成 客户 端 代 理 程序 。 

3) 编写 服务 器 程序 

接 下 来 要 设计 控制 台 程序 ,并 让 它 包 含 这 个 WCF 服务 。 在 Program. cs 中 设计 程序 
如 下 : 


class Program 
{ 
static void Main(string[] args) 
{ 
try 
{ 
String url-"http://localhost:8888/NetTestService/"; 
ServiceHost host-new ServiceHost (typeof (NetTestService), new Uri 
(url)); 
host .Open(); 
Console.WriteLine(url+" 正在 监听 …… “his 
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catch (Exception exp) 
{ 
Console.WriteLine (exp.Message) ; 
} 
Console.ReadKey(); 


} 


url= "http://localhost ;8888/NetTestService/" JE MIR #8 MY Ji di (8888 端口 号 是 自 
己 定义 的 ,只 要 系统 中 别 的 程序 没有 占用 就 可 以 使 用 ,这 个 端口 号 建议 不 要 使 用 80,8080 
等 系统 常用 的 端口 ,否则 会 与 系统 程序 冲突 。NetTestService 是 本 项 目 自 定 义 的 目录 名 
称 ,一般 把 它 定义 为 与 WCF 类 一 样 的 名 称 , 也 可 以 是 别 的 名 称 。 

host 是 一 个 ServiceHost 对 象 ,这 个 对 象 就 是 服务 器 启动 用 的 重要 对 象 ,建立 它 时 调 
用 ServiceHost 的 构造 函数 ,函数 的 第 一 个 参数 是 一 个 type 类 型 ，NetTestService 是 
WCF 服务 的 类 名 称 ,不 能 是 别 的 名 称 。 第 二 个 参数 是 服务 器 的 Uri 地 址 对 象 。host ££ 
立 后 执行 Open 方法 就 使 得 服务 器 开始 工作 了 ,这 个 控制 台 程 序 的 作用 就 是 启动 WCF 
服务 。 


3. 调试 WCF 服务 


程序 启动 执行 后 就 开始 监听 http 协议 的 8888 端口 ,结果 如 图 4-11 所 示 。 客 户 端 通 
过 访问 http://localhost:8888/NetTestService/ 这 个 地 址 就 可 以 与 这 个 服务 器 通信 ,但 是 
与 Web Service 一 样 ,这 个 网 址 不 是 普通 的 网 页 * 它 是 一 个 服务 。 打 开 浏 览 器 在 地 址 栏 中 
输入 服务 器 的 监听 地 址 ,就 可 以 看 到 图 4-12 所 示 的 结果 ,只 要 看 见 “ 已 创建 服务 ”就 表示 
服务 器 的 服务 已 经 创建 成 功 。 


NetTestService 服务 


已 创建 服务 。 
若 要 测试 此 服务 ， 需 要 创建 一 个 客户 端 ， 并 将 其 用 于 调用 该 服务 。 可 以 使 用 下 列 语法 ， 
从 命令 行 中 使 用 svcutil.exe 工具 来 进行 此 操作 : 

svcutil.exe http://localhost:8888/NetrestService/?wsdl 


deizm tisut Airihi HRR. 
* ee ee » 


图 4-12 浏览 服务 
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414 客户 端 程序 


1. 发 现 服务 


首先 要 运行 服务 器 程序 NetTestServer 使 得 服务 器 处 于 监听 状态 ,然后 使 用 Visual 
Studio 新 建 一 个 WPF 的 窗 体 项 目 ,命名 为 NetTestClient。 执 行 “ 添 加 服务 引用 ”菜单 命 
令 ( 注 意 不 是 “添加 引用 ”命令 ) ,弹出 “添加 服务 引用 ”对 话 框 。 在 “地 址 ”中 输入 服务 器 地 
址 http://localhost:8888/NetTestService/ ,然后 单 击 “ 转 到 ”按钮 ,结果 可 以 看 到 “服务 ” 
中 出 现 了 NetTestSrvice 的 服务 ,再 次 打开 这 个 服务 器 ,在 “操作 ”中 看 到 服务 器 公开 的 
login 函数 。 在 “命名 空间 ”中 输入 一 个 名 称 , 例 如 WCF, 如 图 4-13 所 示 。 然 后 单 击 “ 高 
级 ”按钮 弹出 “服务 引用 设置 "对 话 框 ,选择 “生成 异步 操作 ” 单 选 按钮 ,如 图 4-14 所 示 。 单 
击 “ 确 定 ” 按 钮 关闭 服务 引用 设置 对 话 框 , 回 到 “添加 服务 引用 ”对 话 框 后 再 单 击 “ 确 定 ” 按 


钮 关闭 对 话 框 。 


m. 
地 址 (A): 


若 要 查看 特定 服务 器 上 的 可 用 服务 列表 ,请 输入 服务 URL ,然后 单 击 " 转 到 "。 知 要 浏览 可 用 的 服务 ， 请 单 击 "发 


http://localhost:8888/NetTestService/ 


服务 (S): 


操作 (QO): 


v|[semo | | [amo |- 


4 ©:@ NetlestService — 


_||®@ login 
| 


在 地 址 "http://localhost:8888/NetTestService/" 处 找到 1 个 服务 。 


4-13 添加 服务 引用 


客户 端 发 现 服务 器 的 服务 后 会 自动 生成 一 个 代理 ,在 解决 方案 资源 管理 器 中 可 以 看 
到 有 一 个 名 称 为 Service References 的 服务 ,该 服务 下 的 服务 名 称 就 是 前 面 输入 的 WCF, 


如 图 4-15 所 示 。 
2. 调用 服务 
1) 界面 设计 


客户 端的 界面 很 简单 ,在 WPF 程序 的 窗 体 上 放 一 个 名 为 txtUser 的 文本 框 用 于 输 
入 用 户 名 ,一 个 名 为 txtPass 的 密码 框 用 于 输入 密码 ,再 放 一 个 名 为 btLogin 的 按钮 
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© 重新 使 用 所 有 引用 的 程序 集中 的 类 型 (A) 


〇 重新 使 用 所 引用 的 指定 程序 集中 的 类 型 (S): 


Ö Microsoft.CSharp 

Éj mscorlib 

Ø PresentationCore 

Ø PresentationFramework 

fj system 

ÉjSystem.Core 

Ej System.Data 

Ö System.Data.DataSetExtensions 
System.Xaml 


兼容 性 
添加 Web 引用 而 不 是 服务 引用 。 这 将 基于 .NET Framework 2.0 Web 服务 技术 生成 代码 。 


添加 Web 引用 (W).… 


图 4-14 生成 异步 操作 


o5d|e-enoBd'a" 


| 搜索 解决 方案 资源 管理 器 (Ctrl+)) Pp- 
(al 解决 方案 "NetTestClient"(1 个 项 二 
4 回 NetTestclient 
b £ Properties 
b wa 引用 
4 (M Service References | 
@ WCF 
2 App.config 
b D App.xaml 


b 只 MainWindow.xaml x 
d —— > 


图 4-15 WCF 服务 引用 


Button 实现 注册 与 登录 ,主要 XAML 代码 如 下 : 


< TextBox x: Name="txtUser" Text="xxx" HorizontalAlignment="Left" Height= 


200 


deus essaszáxn 


"23" Margin-"42,10,0,0" TextWrapping- "Wrap" VerticalAlignment-"Top" Width= 
uL Es 

< PasswordBox x:Name-"txtPass" Password-" 123"  HorizontalAlignment = 
"Left" VerticalAlignment-"Top" Margin-"42,38,0,0" Width-"74"/» 

«Button x:Name-"btLogin" Content=" 注 册 登 录 " HorizontalAlignment-"Left" 
VerticalAlignment-" Top" Width="75" Margin="10, 61, 0,0" Click="btLogin _ 
Click"/> 

< TextBlock HorizontalAlignment="Left" x: Name="txtMsg" TextWrapping= 
"Wrap" Text ="TextBlock" VerticalAlignment =" Top" RenderTransformOrigin= 
"0.978,2.118" Margin="90,61,0,0"/> 


2) 程序 设计 
客户 端 程序 的 核心 就 是 建立 一 个 客户 端 去 异步 调用 login. 函数 实现 用 户 的 注册 或 者 


登录 操作 ,程序 代码 如 下 : 


namespace NetTestClient 
{ 
public partial class MainWindow : Window 
{ 

WCF.NetTestServiceClient client; 

String url-"http://localhost:8888/NetTestService/"; 

public MainWindow() 

{ 
InitializeComponent (); 
// 建 立 client 对 象 
client=new WCF.NetTestServiceClient (); 
// 设 置 异步 函数 
client.loginCompleted+=client_loginCompleted; 
// 设 置 访问 的 服务 器 地 址 
client.Endpoint.Address-new System.ServiceModel.EndpointAddress 
(new Uri(url,UriKind.Absolute)); 

) 

void client loginCompleted (object sender, WCF.loginCompletedEventArgs e) 

{ 
if(e.Error==null) txtMsg.Text=e.Result; 
else showMsg(e.Error.Message) ; 

} 

void showMsg (String s) 

{ 
MessageBox.Show(s, "Information", MessageBoxButton. OK); 

} 

String encryptString (String s) 

{ 
MD5 md5=new MD5CryptoServiceProvider(); 
byte[] bu£-Encoding.UTF8.GetBytes (s); 
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buf=md5.ComputeHash (buf) ; 
Bm" 
foreach (byte x in buf) s-s*x.ToString("X2"); 
return s; 
} 
private void btLogin Click(object sender, RoutedEventArgs e) 
{ 
String uName-txtUser.Text.Trim(); 
String uPass-txtPass.Password.Trim(); 
try 
{ 
uPass=encryptString(uPass) ; 
// 异 步调 用 login 因数 
client.loginAsync (new WCF.UserClass{uName=uName,uPass= 
uPass}); 
} 


catch (Exception exp) ( showMsg(exp.Message) ; } 


) 


程序 首先 通过 WCF 命名 空间 的 NetTestServiceClient 建立 一 个 client 对象 ,然后 调 
用 设置 login 的 异步 调用 返回 函数 client. loginCompleted ,设置 client 访问 的 服务 器 地 址 
Endpoint. Address. E btLogin Click 中 直接 调用 loginAsync 异步 函数 。 在 调用 完 
loginAsync 后 ,客户 端 就 把 用 户 名 称 uName 与 密码 uPass 通过 SOAP 协议 发 送 给 服务 
器 ,服务 器 接收 后 就 到 数据 库 中 去 比 对 这 个 用 户 的 信息 ,实行 注册 或 者 登录 操作 ,然后 返 
回执 行 结果 。 服 务 器 的 结果 返回 后 ,客户 端 就 调用 client_loginCompleted 函数 ,该 函数 
的 e. Result 就 是 服务 器 返回 的 结果 。 

运行 服务 器 程序 NetTestServer 使 其 处 于 监听 状态 ,运行 客户 端 程序 NetTestClient 
就 可 以 实现 用 户 的 注册 或 者 登录 。 


41.5 拓展 训练 


一 个 WCF 服务 器 一 旦 公开 了 自己 的 函数 接口 ,客户 端 就 可 以 发 现 它 并 生成 一 个 代 
理 来 调用 服务 器 的 接口 函数 。 这 个 工作 一 般 在 开发 客户 端 程序 时 执行 ,一 旦 开发 完毕 ， 
为 了 防止 别 的 开发 人 员 恶 意 调用 服务 器 的 接口 函数 ,需要 关闭 服务 器 的 接口 函数 信息 ， 
使 得 用 户 不 能 再 发 现 这 个 服务 并 建立 代理 。 
可 以 通过 设置 服务 器 的 App. config 来 保护 WCF 的 服务 。 在 App. config 中 ,设置 
—SserviceMetadata $ ri JJ 


<serviceMetadata httpGetEnabled-"false" httpsGetEnabled="false" /» 


同时 在 App. config 中 删除 节点 : 
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«endpoint address- "mex" binding-"mexHttpBinding" contract="IMetadataExchange" /> 


经 过 这 样 修改 后 重新 建立 服务 器 程序 NetTestServer, 再 执行 客户 端 程序 NetTestClent, 
结果 发 现 不 会 影响 客户 端 程序 的 正常 执行 。 

但 是 再 用 浏览 器 浏览 这 个 服务 器 地 址 ,结果 如 图 4-16 所 示 , 我 们 看 到 服务 器 禁止 了 
元 数据 发 布 。 再 次 用 Visual Studio 执行 “添加 服务 引用 ”命令 后 ,已 经 查找 不 到 服务 器 的 
服务 ,如 图 4-17 所 示 。 


Service 


这 是 Windows@ Communication Foundation 服务 。 
当前 已 禁用 此 服务 的 元 数据 发 布 。 


如 果 县 有 该 服务 的 访问 权限 ， ATOR STE VALERA Web 
‘BE RS EAR VEEN) 4B BR re BS 


图 4-16 禁止 元 数据 发 布 


若 要 查看 特定 服务 器 上 的 可 用 服务 列表 ,请 输入 服务 URL ,然后 单 击 " 转 到 "。 若 要 浏览 可 用 的 服务 ， 请 单 击 " 发 
m, 


地 址 (A): 
http://localhost:8888/NetTestService/ v| | 转 到 (G) | 发 现 (D) |z 
服务 (S): 


尝试 在 " http://localhost:8888/NetTestService/" 处 查找 服务 时 发 生 (详细 信息 ) 错误 。 


命名 空间 (N): 


ServiceReference1 


4-17 查找 不 到 服务 


由 此 可 见 , 通 过 这 种 方法 重新 建立 服务 器 程序 进行 发 布 ， Filia oppure 
再 获取 服务 的 信息 了 ,也 就 是 说 不 能 生成 代理 去 调用 服务 器 函数 了 。 这 个 方法 有 效 地 保 
护 了 WCF te 如 果 需 要 
再 次 开发 客户 端 ,就 把 App. config 再 修改 成 原来 的 那样 ,重新 编译 NetTestServer 即 可 。 
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4.2 AI RH m 


4.2.1 案例 展示 


设计 服务 器 的 程序 管理 测试 试题 ,客户 端 窗 体 程 序 能 够 以 管理 者 Admin 的 身份 完成 
试题 的 上 传 。 一 个 试题 包括 试题 的 标题 .内容 与 答案 ,标题 用 一 个 单行 文本 框 TextBox 
输入 ,内 容 用 多 行 的 文本 框 TextBox 输入 ,答案 用 下 拉 列 表 框 ComboBox 设置 ,如 图 4-18 
所 示 。 


I don't know if he. tomorow.Bu €Xc «v 


A. will come;will come 
B. comes;comes 

C. will come;comes 

D. comes;will come 


‘ SEE 


418 ”增加 试题 


422 技术 要 点 


1. 数据 库 表 


试题 数据 库 表 tests 包含 一 个 自动 增长 列 ID .试题 的 标题 tTitle、 试 题 答 案 tAnswer、 
试题 上 传 日 期 tDate 与 试题 内 容 tText, 其 中 tText 是 text 类 型 ,用 于 存储 任意 长 的 文本 
数据 。tests 表 的 SQL 命令 如 下 : 


create table tests 
( 
ID int identity(1,1) primary key, 
tTitle varchar (256), 
tAnswer varchar (2), 
tDate varchar (32), 
tText text, 
) 


同时 在 NetTestModel 中 建立 一 个 TestClass 类 与 这 个 表 对 应 : 
public class TestClass 


{ 
public int ID { get; set; } 
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public String tDate ( get; set; } 
public String tTitle { get; set; } 
public String tAnswer ( get; set; } 
public String tText ( get; set; } 


2. 试题 管理 

在 服务 器 程序 的 NetTestDAL 增加 一 个 TestService 的 类 ,这 个 类 实现 试题 的 上 传 
管理 ,其 中 addTest 函数 是 上 传 函数 ,一 个 试题 上 传 成 功 后 ,就 在 tests 表 中 增加 一 条 记 
录 ,addTest 返回 新 增 记 录 的 ID 号 。 

由 于 只 有 管理 员 才 能 上 传 试题 ,因此 在 add Test 中 要 求 提 供用 户 名 称 uName 与 密码 
uPass, 调 用 身份 验证 函数 verify Admin 验证 用 户 是 否 为 管理 员 Admin, 如 果 是 管理 员 ， 
verifyAdmin 就 返回 true, 否 则 返回 false, 


namespace NetTestDAL 
{ 
public class TestService 
{ 
bool verifyAdmin (DBHelper DB, UserClass user) 
{ 
if(user.uName--"Admin") 
{ 
SqlParameter pName=new SqlParameter ("@uName", SqlDbType. 
Char); pName.Value=user.uName; 
SqlParameter pPass=new SqlParameter ("@uPass", SqlDbType. 
Char); pPass.Value=user.uPass; 
return ((int)DB.getScalar ("select count (* ) from users where 
uName=@uName and uPass=@uPass", pName, pPass)>0); 
} 
return false; 
} 
public int addTest (UserClass user,ref TestClass test) 
{ 
test.ID-0; 
using(SqlConnection con-new SqlConnection(DBHelper.conString)) 
{ 
DBHelper DB=new DBHelper (con) ; 
if (verifyAdmin(DB, user) ) 
{ 
SqlParameter pDate=new SqlParameter ("@tDate", SqlDbType. 
Char); pDate.Value-DateTime.Now.ToString ("yyyy- MM- dd HH: 
mm:ss"); 


SqlParameter pTitle-new SqlParameter ("@tTitle", SqlDbType. 
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Char); pTitle.Value-test.tTitle; 
SqlParameter pText=new SqlParameter ("@tText", SqlDbType. 
Text); pText.Value=test.tText; 
SqlParameter pAnswer=new SqlParameter ("@tAnswer", SqlDbType. 
Char); pAnswer.Value=test.tAnswer; 
if(DB.executeCommand("insert into tests (tDate,tTitle,tText, 
tAnswer) values (68 tDate, @ tTitle, @ tText, @ tAnswer)", 
pDate, pTitle, pText,pAnswer)»0) 
{ 
// 插 入 成 功 时 获取 插入 记录 的 ID 
test.ID=DB.getScalar ("select top 1 ID from tests order 
by ID desc"); 


} 
con.Close(); 


} 


return test.ID; 


) 


在 Net TestBLL 中 再 增加 一 个 TestManager 类 ,这 个 类 直接 调用 TestService 的 
addTest KXU: 


namespace NetTestBLL 


{ 
public class TestManager 
{ 
public int addTest (UserClass user, ref TestClass test) 
{ 
TestService service=new TestService(); 


return service.addTest (user, ref test); 


3. 用 户 验证 


在 客户 端 调 用 服务 器 的 WCF 服务 时 ,需要 把 用 户 的 名 称 uName 与 密码 uPass 传递 
给 服务 器 实现 用 户 验证 。 一 种 行 之 有 效 的 方法 是 采用 SOAP 的 MessageHeader, 用 这 个 
类 的 静态 函数 CreateHeader 建立 一 个 MessageHeader 对 象 ,例如 : 


MessageHeader user-MessageHeader.CreateHeader ("uName", "MySpace", uName) ; 


MessageHeader Œ — ffi & / (li (key/value) 对 的 结构 ,其 中 第 一 个 参数 uName 是 
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MessageHeader fi s (key) ,第 二 个 对 象 是 命名 空间 ,命名 空间 的 名 称 可 以 自己 设 定 ,第 
三 个 参考 是 键 对 应 的 值 (value)。 

MessageHeader 对 象 要 加 在 一 个 OperationContextScope 的 局 部 范围 内 ,典型 的 代 
码 如 下 : 


using (OperationContextScope scope = new OperationContextScope (client. 
InnerChannel)) 
{ 
MessageHeader user = MessageHeader. CreateHeader ("uName", "MySpace", 
uName) ; 
MessageHeader pass = MessageHeader. CreateHeader ("uPass", "MySpace", 
uPass); 
OperationContext.Current.OutgoingMessageHeaders.Add (user); 
OperationContext.Current.OutgoingMessageHeaders.Add (pass); 
// 上 传 试题 数据 
client.addTestAsync (test); 
) 


如 果 这 样 调用 add TestAsyne 函数 ,用 户 名 称 uName 与 密码 uPass 就 可 以 传递 到 服 
务 器 。 在 服务 器 中 可 以 通过 GetHeader 函数 取出 指定 命名 空间 中 指定 键 的 值 , 从 而 取出 
uName 与 uPass 的 值 ,方法 如 下 : 


String uName-OperationContext.Current.IncomingMessageHeaders.GetHeader 
«String» ("uName", "MySpace"); 
String uPass-OperationContext.Current.IncomingMessageHeaders.GetHeader 


«String» ("uPass", "MySpace"); 


有 了 这 个 方法 后 ,客户 端 调用 服务 器 的 函数 就 可 以 把 用 户 名 称 与 密码 同时 传递 给 服 
务 器 ,服务 器 要 对 用 户 进 行 验证 ,验证 不 通过 时 不 允许 调用 服务 器 的 函数 ,这 是 对 服务 器 
函数 的 保护 方法 之 一 。 


42.3 服务 器 程序 


1. INetTestService 接口 


这 个 接口 中 定义 了 登录 函数 login 与 增加 试题 函数 addText, 接 口 如 下 : 


[ServiceContract] 
public interface INetTestService 
{ 
[OperationContract] 
String login (UserClass user); 
[OperationContract] 


TestClass addTest (TestClass test); 
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2. NetTestService 类 


增加 试题 函数 add Test 获取 用 户 名 称 uName 与 密码 uPass, 对 用 户 进 行 验证 ,然后 
实现 题目 的 存储 ,函数 如 下 : 


public class NetTestService : INetTestService 
{ 
UserClass getUser() 
{ 
String uName-OperationContext.Current.IncomingMessageHeaders. 
GetHeader<String> ("uName", "MySpace") ; 
String uPass-OperationContext.Current.IncomingMessageHeaders. 
GetHeader<String>("uPass", "MySpace") ; 
return new UserClass { uName-uName, uPass-uPass }; 
} 
public TestClass addTest (TestClass test) 
{ 
TestManager manager=new TestManager(); 
manager .addTest (getUser(), ref test); 


return test; 


) 
其 中 getUser 函数 获取 用 户 的 信息 ,addTest 函数 完成 试题 的 存储 。 


4.2.4 客户 端 程序 


首先 要 运行 服务 器 程序 NetTestServer 使 得 服务 器 处 于 监听 状态 ,然后 在 客户 端 程 
序 的 解决 方案 资源 管理 器 中 找到 Service Reference 中 的 WCF , 右 击 WCF ,弹出 快捷 菜 
单 ,执行 “更 新 服务 引用 ?命令 ,客户 端 就 能 找到 并 更 新 服务 引用 。 


1. 界面 设计 


客户 端的 界面 很 简单 ,在 WPF 程序 的 窗 体 上 放 一 个 名 为 txtUser 的 文本 框 用 于 输 
入 用 户 名 , 放 一 个 名 为 txtPass 的 密码 框 用 于 输入 密码 ,再 放 一 个 名 为 btUpload 的 按钮 
Button 实现 试题 上 传 ,主要 XAML 代码 如 下 : 


<TextBox x:Name="txtUser" Text="Admin" HorizontalAlignment="Left" Height= 
"23" Margin="42,10,0,0" TextWrapping="Wrap" VerticalAlignment="Top" Width= 

"74" /> 

<PasswordBox x:Name-"txtPass" Password-"123" HorizontalAlignment="Left" 
VerticalAlignment- "Top" Margin-"159,12,0,0" Width="74"/> 

«Button x:Name-"btUpload" Content =" W E [- f£" HorizontalAlignment-"Left" 
VerticalAlignment- "Top" Width-"75" Margin-"253,111,0,0" Click-"btUpload 
Click"/» 
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«TextBlock HorizontalAlignment-"Left" x:Name-"txtMsg" TextWrapping-"Wrap" 
Text-" TextBlock" VerticalAlignment -" Top" RenderTransformOrigin -" O0. 978, 
2.118" Margin-"253,152,0,0"/» 

«TextBlock HorizontalAlignment-"Left" x:Name-"txtMsg Copy" TextWrapping- 
"Wrap" Text-"JH P" VerticalAlignment-" Top" RenderTransformOrigin="0. 978, 
2.118" Margin="10,11,0,0"/> 

«TextBlock HorizontalAlignment-"Left" x:Name-"txtMsg Copyl" TextWrapping- 
"Wrap" Text="#5" VerticalAlignment- "Top" RenderTransformOrigin-"0.978, 
2.118" Margin-"121,14,0,0"/» 

< TextBox x:Name-"txtTitle" Text-" XML 序列 化 " HorizontalAlignment-"Left" 
-"23" Margin-"42,39,0,0" TextWrapping-"Wrap" VerticalAlignment-"Top" 
191"75 

<TextBlock HorizontalAlignment-"Left" x:Name-"txtMsg Copy2" TextWrapping= 


"Wrap" Text=" 标 题 " VerticalAlignment-" Top" RenderTransformOrigin-" O0. 978, 
2.118" Margin-"10,41,0,0"/» 

<TextBox x: Name =" txtText" HorizontalAlignment =" Left" Height =" 116" 
VerticalAlignment-" Top" Width-"217" Margin="16, 67,0, 0" AcceptsReturn = 
"True" HorizontalScrollBarVisibility-"Auto" VerticalScrollBarVisibility- 
"Auto"? 

«/TextBox» 

<ComboBox x:Name-"cbAnswer" HorizontalAlignment-"Left" VerticalAlignment- 
"Top" Width-"55" Margin-"282,67,0,0"/» 

«TextBlock HorizontalAlignment-"Left" x:Name-"txtMsg Copy3" TextWrapping- 
"Wrap" Text-"/ 3" VerticalAlignment-" Top" RenderTransformOrigin="0. 978, 
2.118" Margin="253,67,0,0"/> 


2. 程序 设计 
在 客户 端 更 新 服务 引用 时 就 建立 了 服务 器 试题 类 TestClass 的 客户 端 代 理 类 WCF. 


TestClass 与 代理 函数 addTestAsync, 因此 直接 生成 一 个 WCF. TestClass 对 象 ,调用 
addTestAsync 函数 即 可 ,程序 如 下 : 


public partial class MainWindow : Window 
{ 
WCF.NetTestServiceClient client; 
String url-"http://localhost:8888/NetTestService/"; 
public MainWindow () 
{ 
InitializeComponent () ; 
/ /'& xr. client MR 
client-new WCF.NetTestServiceClient(); 
// 设 置 异步 函数 
client.addTestCompleted+=client addTestCompleted; 
// 设 置 访问 的 服务 器 地 址 
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client.Endpoint.Address=new System.ServiceModel .EndpointAddress 
(new Uri (url,UriKind.Absolute)); 
// 设 置 答案 列表 
cbAnswer.Items.Add ("A"); 
cbAnswer.Items.Add("B"); 
cbAnswer.Items.Add ("C"); 
cbAnswer.Items.Add ("D"); 
cbAnswer.SelectedIndex-0; 
} 
void client_addTestCompleted (object sender, WCF.addTestCompletedEventArgs e) 
{ 
if (e.Error==null) 
{ 
WCF.TestClass test=e.Result; 
if(test.ID>0) txtMsg.Text-" 上 传 成 功 ID="+test .ID.ToString(); 
) 
else showMsg(e.Error.Message); 
) 
void showMsg (String s) 
{ 
MessageBox.Show(s, "Information", MessageBoxButton.OK) ; 
} 
String encryptString (String s) 
{ 
MD5 md5=new MD5CryptoServiceProvider(); 
byte[] buf-Encoding.UTF8.GetBytes (s); 
buf=md5.ComputeHash (buf); 
gant; 
foreach (byte x in buf) s=s+x.ToString ("X2"); 
return s; 
} 
private void btUpload_Click (object sender, RoutedEventArgs e) 
{ 
String uName=txtUser.Text.Trim(); 
String uPass=txtPass.Password.Trim(); 
String tTitle=txtTitle.Text.Trim(); 
String text=txtText.Text.Trim(); 
if (uName !="" && uPass !="" && tTitle !="" && text !="") 
{ 
try 
{ 
uPass=encryptString(uPass) ; 
using (OperationContextScope scope=new OperationContextScope 
(client.InnerChannel)) 
{ 


MessageHeader user=MessageHeader.CreateHeader ("uName", 
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"MySpace", uName) ; 
MessageHeader pass-MessageHeader.CreateHeader ("uPass", 
"MySpace", uPass) ; 
OperationContext.Current.OutgoingMessageHeaders.Add (user); 
OperationContext.Current.OutgoingMessageHeaders.Add (pass); 
// 上 传 试题 数据 
WCF.TestClass test=new WCF. TestClass { ID=0, tAnswer= 
cbAnswer.SelectedItem.ToString(), tTitle=tTitle, tText= 
text }; 
client.addTestAsync (test); 
} 
} 


catch (Exception exp) { showMsg(exp.Message); } 


425 拓展 训练 
在 服务 器 App. config 中 一 般 设置 二 serviceDebug 二 节 为 


<serviceDebug includeExceptionDetailInFaults="true" /> 


这 个 设置 意味 着 在 服务 器 有 异常 出 现时 ,这 个 异常 
可 以 被 客户 端 捕 捉 到 。 

读者 可 以 尝试 更 改 数据 库 表 tests 的 名 称 , 那 么 服务 error ke “tests! FB. 
器 执行 时 必定 找 不 到 这 个 表 , 会 在 客户 端 抛 出 一 个 异常 ， 
如 图 4-19 所 示 。 

如 果 服 务 器 设置 一 serviceDebug 二 节 为 


<serviceDebug includeExceptionDetailInFaults= 419 捕捉 异常 


"false" /> 


那么 在 客户 端 就 捕捉 不 到 服务 器 的 异常 。 

一 般 在 程序 调试 阶段 把 这 个 值 设置 为 true, 以 便 发 现 服务 器 的 异常 ,帮助 开发 人 员 
发 现 问题 ,一 旦 开发 完毕 开始 部 署 服务 器 ,建议 把 它 设 置 为 false, 避 免 客户 端 用 户 偷 罕 到 
服务 器 的 信息 。 


4.3 AI A PR 


43.1 案例 展示 


设计 服务 器 管理 试题 ,一 个 试题 包括 实体 编号 .标题 ` 上 传 日 期 .答案 .试题 内 容 等 属 
性 ,客户 端 连接 后 能 对 试题 进行 浏览 、 删 除 等 操作 ,如 图 4-20 所 示 。 删 除 时 选择 一 行 , 单 
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击 “* 删 除 试题 "按钮 ,这 一 选择 试题 就 会 被 删除 。 


I don't know if he. tomorro} 
A. will come;will come 


2016-11- English C B; comes;comes 


|2016-11-|English |B | C. will come;comes 
|2016-11-| English | G D. comes;will come 
|2016-11-|English [A 
[2016-1 [English [D 


420 ”试题 浏览 


432 ”技术 要 点 


在 服务 器 程序 的 TestService 类 中 增加 试题 删除 函数 deleteTest, 这 个 函数 以 试题 类 
TestClass 作为 参数 ,另外 增加 getTestDataTable 函数 获取 试题 的 数据 集 。 所 有 这 些 操 


作 都 必须 经 过 管理 员 用 户 身份 验证 ,只 有 管理 员 可 以 进行 试题 的 管理 。 


namespace NetTestDAL 
1 
public class TestService 
{ 
bool verifyAdmin (DBHelper DB, UserClass user) 
{ 
if (user.uName=="Admin") 
{ 
SqlParameter pName = new SqlParameter (" 6 uName", SqlDbType. 
Char); pName.Value-user.uName; 
SqlParameter pPass = new SqlParameter ("80 uPass", SqlDbType. 
Char); pPass.Value-user.uPass; 
return((int)DB.getScalar("select count (* ) from users where 
uName- à uName and uPass=@uPass", pName, pPass)>0); 
) 
return false; 
) 
public DataTable getTestDataTable(UserClass user) 


{ 
DataTable dt=null; 
using (SqlConnection con-new SqlConnection(DBHelper.conString)) 


{ 
DBHelper DB-new DBHelper (con); 
if(verifyAdmin(DB, user)) 
{ 
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SglDataAdapter adapter- DB.getAdapter ("select ID, tDate, 
tTitle,tAnswer,tText from tests order by ID"); 
dt-new DataTable ("Test"); 
adapter.Fill (dt); 
} 
con.Close(); 
} 
return dt; 
} 
public bool deleteTest (UserClass user, TestClass test) 
{ 
bool flag=false; 
using (SqlConnection con-new SqlConnection(DBHelper.conString)) 
{ 
DBHelper DB=new DBHelper (con); 
if (verifyAdmin(DB, user) ) 
{ 


if (DB.executeCommand("delete from tests where ID: 


test.ID.ToString())>0) flag=true; 
} 
con.Close(); 
} 


return flag; 


) 


在 NetNetTestBLL 中 编写 对 应 的 管理 函数 ,它们 与 TestService 中 的 函数 相对 应 ， 
完成 试题 数据 集 的 获取 、 试 题 的 删除 等 操作 。 


namespace NetTestBLL 
{ 
public class TestManager 
X 
public DataTable getTestDataTable(UserClass user) 


TestService service-new TestService(); 


return service.getTestDataTable (user); 
public bool deleteTest (UserClass user,TestClass test) 


TestService service-new TestService(); 


return service.deleteTest (user, test); 
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4.3.3 服务 器 程序 


1. INetTestService 接口 


[ServiceContract] 

public interface INetTestService 

{ 
[OperationContract] 
DataTable getTestDataTable(); 
[OperationContract] 


bool deleteTest (TestClass test); 


2. NetTestService 类 


public class NetTestService : INetTestService 
1 
UserClass getUser() 
{ 
String uName-OperationContext.Current.IncomingMessageHeaders. 
GetHeader<String> ("uName", "MySpace") ; 
String uPass-OperationContext.Current.IncomingMessageHeaders. 
GetHeader<String> ("uPass", "MySpace"); 
return new UserClass ( uName-uName, uPass-uPass }; 
) 
public DataTable getTestDataTable() 


TestManager manager-new TestManager(); 


return manager.getTestDataTable (getUser()); 
public bool deleteTest(TestClass test) 


TestManager manager-new TestManager(); 


return manager.deleteTest(getUser(),test); 


43.4 客户 端 程序 


运行 服务 器 程序 NetTestServer 使 得 服务 器 处 于 监听 状态 ,然后 在 客户 端 程序 的 解 
决 方案 资源 管理 器 中 找到 Service References 中 的 WCF. Ai WCF ,弹出 快捷 菜单 ,执行 
“更 新 服务 引用 ”命令 ,客户 端 就 能 找到 并 更 新 服务 引用 。 
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NS 


1. 界面 设计 


客户 端的 WPF 程序 的 窗 体 上 放 一 个 名 为 uGrid 的 DataGrid 数据 集 显 示 控 件 显示 试 
题 数据 集 , 放 一 个 名 称 为 txtText 的 TexBox 控件 显示 试题 内 容 。 


<Grid> 


<Grid.RowDefinitions> 


<RowDefinition Height="30"/> 


<RowDefinition Height="* " /> 


</Grid.RowDefinitions> 


<StackPanel Orientation="Horizontal" Grid.Row="0"> 


<TextBlock HorizontalAlignment-"Left" TextWrapping="Wrap" Text- "JH 
Fi" VerticalAlignment- "Top" /> 

<TextBox x:Name-"txtUser" Text-"Admin" HorizontalAlignment="Left" 
VerticalAlignment- "Top" Width-"74"/» 

<TextBlock HorizontalAlignment-"Left" Text=" 密 码 " VerticalAlignment 
= "Top" /> 

<PasswordBox x:Name-"txtPass" Password-"123"  HorizontalAlignment 
="Left" VerticalAlignment="Top" Width="74"/> 

«Button x:Name-"btGetTest" Content="3k Mit Bi" HorizontalAlignment- 
"Left" VerticalAlignment =" Top" Width =" 75" Click =" btGetTest _ 
Click"/> 

«Button x:Name="btDeleteTest" Content=" 删 除 试题 " HorizontalAlignment 
="Left" VerticalAlignment =" Top" Width="75" Click="btDeleteTest _ 
Click"/> 


</StackPanel> 
<Grid Grid.Row="1"> 


<Grid.ColumnDefinitions> 
<ColumnDefinition Width-"1* " /> 
<ColumnDefinition Width-"1* " /> 
</Grid.ColumnDefinitions> 
<DataGrid x: Name =" uGrid" Grid. Column =" 0" AutoGenerateColumns = 
"False" IsReadOnly="True" SelectionMode="Single" SelectionChanged= 
"uGrid SelectionChanged" CanUserDeleteRows- "False" CanUserAddRows= 
"False" CanUserReorderColumns-"False" CanUserResizeRows="False"> 
<DataGrid.Columns> 
<DataGridTextColumn Binding="{Binding ID}" Header="ID" Width 
="50" /> 
<DataGridTextColumn Binding=" (Binding tDate}" Header-" H Hj" 
Width-"100" /» 
<DataGridTextColumn Binding-"(Binding tTitle}" Header= " 标 题 " 
Width="100" /> 
«DataGridTextColumn Binding="{Binding tAnswer}" Header="% 
SE" Width="50" /> 
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«/DataGrid.Columns» 
</DataGrid> 
<GridSplitter Width="3" /> 
<TextBox x:Name-"txtText" Grid.Column="1" Text="{Binding tText, 


Mode=TwoWay}" VerticalScrollBarVisibility="Auto" /> 


</Grid> 


</Grid> 


2. 程序 设计 


客户 端的 uGrid 的 选择 行 发 生变 化 时 ,触发 SelectionChanged 函数 ,在 这 个 函数 中 找 
到 对 应 的 数据 集 记录 ,从 而 在 txt Text 中 显示 该 题目 的 文本 内 容 。 程 序 采用 异步 操作 ,在 
删除 试题 时 在 异步 函数 中 传递 试题 对 象 到 对 应 的 完成 函数 中 ,在 完成 函数 中 找 回 这 个 试 
题 对 象 , 以 便服 务 器 更 新 后 在 客户 端的 数据 集中 更 新 该 试题 。 


public partial class MainWindow : Window 


{ 


WCF.NetTestServiceClient client; 


String url-"http://localhost:8888/NetTestService/"; 
DataTable dt; 


DataView dv; 


public MainWindow () 


{ 


} 


InitializeComponent () ; 

// 建 立 client WR 

client=new WCF.NetTestServiceClient(); 

// 设 置 异步 函数 

client.getTestDataTableCompleted +=client_getTestDataTableCompleted ; 
client.deleteTestCompleted*-client deleteTestCompleted; 

// 设 置 访问 的 服务 器 地 址 

client.Endpoint.Address-new System.ServiceModel .EndpointAddress 
(new Uri(url, UriKind.Absolute)); 


void client deleteTestCompleted (object sender, 


WCF.deleteTestCompletedEventArgs e) 


{ 


if (e.Error==null) 
{ 
DataRow row=dt.AsEnumerable().FirstOrDefault (x=> (int)x["ID"]-- 
(int)e.UserState) ; 
if (row !-null) 
{ 
row.Delete(); 


// 从 数据 集中 删除 这 一 行 , 但 是 不 影响 别 的 行 的 状态 
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row.AcceptChanges(); 


} 
else showMsg(e.Error.Message) ; 
} 
void client getTestDataTableCompleted(object sender, 
WCF.getTestDataTableCompletedEventArgs e) 
{ 
if (e.Error==null) 
{ 
dt=e.Result; 
dv=dt .DefaultView; 
uGrid.ItemsSource-dv; 
) 
else showMsg(e.Error.Message); 
) 
void showMsg (String s) 
{ 
MessageBox.Show(s, "Information", MessageBoxButton.OK) ; 
} 
String encryptString (String s) 
{ 
MD5 md5=new MD5CryptoServiceProvider(); 
byte[] buf-Encoding.UTF8.GetBytes (s); 
buf=md5.ComputeHash (buf) ; 
s-""; 
foreach (byte x in buf) s=s+x.ToString("X2"); 
return S; 
) 
private void btGetTest Click(object sender, RoutedEventArgs e) 
{ 
// 获 取 试 题 列 表 
String uName=txtUser.Text.Trim(); 
String uPass=txtPass.Password.Trim(); 
if (uName !="" && uPass !="") 
{ 
try 
ji 
uPass-encryptString (uPass); 
using(OperationContextScope scope-new OperationContextScope 
(client.InnerChannel)) 
{ 
MessageHeader user=MessageHeader.CreateHeader ("uName", 


"MySpace", uName) ; 
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MessageHeader pass-MessageHeader.CreateHeader ("uPass", 
"MySpace", uPass) ; 
OperationContext.Current.OutgoingMessageHeaders.Add (user); 
OperationContext .Current .OutgoingMessageHeaders .Add (pass); 


client.getTestDataTableAsync(); 


} 


catch (Exception exp) { showMsg(exp.Message) ; } 


} 
private void uGrid SelectionChanged (object sender, 
SelectionChangedEventArgs e) 
{ 
if (uGrid.SelectedIndex>=0) 
{ 
txtText.DataContext-dv[uGrid.SelectedIndex]; 
) 
else txtText.DataContext-null; 
} 
private void btDeleteTest_Click (object sender, RoutedEventArgs e) 
{ 
if (uGrid.SelectedIndex>=0) 
{ 
int index=uGrid.SelectedIndex; 
WCF.TestClass test=new WCF.TestClass { ID=(int)dv[index] ["ID"] }; 
String uName-txtUser.Text.Trim(); 
String uPass=txtPass.Password.Trim(); 
if(uName !="" && uPass !="") 
{ 
try 
{ 
uPass-encryptString (uPass) ; 
using (OperationContextScope scope=new 
OperationContextScope(client.InnerChannel) ) 
{ 
MessageHeader user=MessageHeader.CreateHeader 
("uName", "MySpace", uName) ; 
MessageHeader pass=MessageHeader.CreateHeader 
("uPass", "MySpace", uPass) ; 
OperationContext.Current.OutgoingMessageHeaders.Add 
(user); 
OperationContext.Current.OutgoingMessageHeaders.Add 
(pass); 


client.deleteTestAsync(test, test.ID); 


218 qe uessaszán 


) 


catch(Exception exp) ( showMsg (exp.Message); ) 


43.5 拓展 训练 


删除 试题 实际 上 可 以 批量 删除 , 既 先 选择 要 删除 的 任意 多 条 记录 ,然后 单 击 * 删 除 试 
题 " 把 选择 的 记录 全 部 删除 。 


l. 服务 器 批量 删除 


在 服务 器 一 端的 TestService 中 把 deleteTest 函数 改造 一 下 ,使 得 它 接受 一 个 List 


去 int 盖 参数 ,这 个 参数 中 列 出 了 所 有 要 删除 的 记录 的 ID 号 ,在 deleteTest 中 逐条 删除 记 
录 即 可 ,函数 如 下 : 


public bool deleteTest (UserClass user,List<int>IDS) 
{ 


bool flag=false; 
using (SqlConnection con-new SqlConnection (DBHelper.conString) ) 
{ 
DBHelper DB-new DBHelper (con); 
if (verifyAdmin (DB, user)) 
{ 
foreach (int ID in IDS) 
if (DB.executeCommand ("delete from tests where ID="+ID.ToString 
())>0) flag=true; 
} 
con.Close(); 
} 


return flag; 


2. 客户 端 批量 删除 


客户 端的 DataGrid 设置 为 多 选 的 ,就 是 把 SelectionMode 改 成 "Extended”: 


< DataGrid x: Name ="uGrid" Grid. Column ="0" AutoGenerateColumns =" False" 


IsReadOnly =" True" SelectionMode =" Extended" SelectionChanged =" uGrid _ 


SelectionChanged" CanUserDeleteRows =" False" CanUserAddRows =" False" 


CanUserReorderColumns="False" CanUserResizeRows="False"> 
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</DataGrid> 


再 修改 客户 端的 删除 函数 , 它 找 出 所 有 选择 要 删除 的 试题 的 ID 号 的 序列 ,调用 
deleteTestAsync 函数 就 完成 一 批 试 题 的 删除 。 


private void btDeleteTest Click(object sender, RoutedEventArgs e) 
{ 
if (uGrid.SelectedItems.Count>0) 
i 
String uName=txtUser.Text.Trim(); 


String uPass=txtPass.Password.Trim(); 


if(uName !="" && uPass !="") 
{ 
// 获 取 要 删除 的 试题 的 ID 序列 
List<int>IDS=new List<int> (); 
for (int i=0;i<uGrid.SelectedItems.Count;i++) 
{ 
DataRowView row= (DataRowView) uGrid.SelectedItems [i]; 
IDS .Add( (int) row["ID"]; 
} 
try 
{ 
uPass-encryptString (uPass); 
using(OperationContextScope scope-new OperationContextScope 
(client.InnerChannel)) 
{ 
MessageHeader user=MessageHeader.CreateHeader ("uName", 
"MySpace", uName) ; 
MessageHeader pass-MessageHeader.CreateHeader ("uPass", 
"MySpace", uPass); 
OperationContext.Current.OutgoingMessageHeaders.Add 
(user); 
OperationContext.Current.OutgoingMessageHeaders.Add 
(pass); 


client.deleteTestAsync(IDS, IDS); 
) 


catch (Exception exp) { showMsg (exp.Message); } 


) 
在 删除 完成 后 更 新 客户 端的 试题 数据 集 , 即 编写 deleteTestCompleted 函数 如 下 : 
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void client deleteTestCompleted (object sender, 
WCF.deleteTestCompletedEventArgs e) 
{ 
if(e.Error--null) 
{ 
List<int>IDS= (List<int>)e.UserSatate; 
for(int ID in IDS) 
{ 
DataRow row-dt.AsEnumerable().FirstOrDefault (x-» (int)x 
["ID"]--ID); 
if(row !-null) 
{ 
row.Delete(); 
// 从 数据 集中 删除 这 一 行 , 但 是 不 影响 别 的 行 的 状态 


row.AcceptChanges(); 


) 


else showMsg (e.Error.Message) ; 


44 和 起 题记 录 更 新 


4.4.1 案例 展示 


客户 端 单 击 “ 获 取 试 题 " 按 钮 就 可 以 从 服务 器 获取 随机 的 10 个 题目 ,它们 显示 在 一 
个 DataGrid 中 ,管理 员 可 以 更 改 任 何 一 个 试题 的 标题 内容、 答案 ,其 中 答案 通过 众人 入 在 
DataGrid 中 的 下 拉 列 表 框 来 更 改 ,更 改 完毕 单 击 “ 更 新 试题 "按钮 就 把 选择 的 这 个 题目 的 
所 有 的 更 新 提交 给 服务 器 ,服务 器 完成 对 应 的 更 新 ,如 图 4-21 所 示 。 


Though he lost the race, he 
A. became 
B. proved 


201 English Be f C. considered 


图 4-21 试题 更 新 
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442 技术 要 点 


l. 服务 器 管理 


在 服务 器 的 TestService 类 中 增加 试题 修改 函数 updateTest, 函数 以 试题 类 
TestClass 作为 参数 ,另外 ,增加 getTestDataTable 函数 获取 试题 的 数据 集 。 所 有 这 些 操 
作 都 必须 经 过 管理 员 用 户 身份 验证 ,只 有 管理 员 可 以 进行 试题 的 管理 。 


namespace NetTestDAL 
{ 
public class TestService 
ji 
bool verifyAdmin (DBHelper DB, UserClass user) 
{ 
if (user.uName=="Admin") 
{ 
SqlParameter pName=new SqlParameter ("@uName", SqlDbType. 
Char); pName.Value=user.uName; 
SqlParameter pPass-new SqlParameter ("@uPass", SqlDbType. 
Char); pPass.Value-user.uPass; 
return ((int)DB.getScalar ("select count(*) from users where 
uName- à uName and uPass=@uPass", pName, pPass)»0); 
) 
return false; 
} 
public DataTable getTestDataTable(UserClass user) 
{ 
DataTable dt=null; 
using (SqlConnection con-new SqlConnection(DBHelper.conString)) 
{ 
DBHelper DB=new DBHelper (con); 
if (verifyAdmin(DB, user) ) 
{ 
SqlDataAdapter adapter=DB.getAdapter ("select ID,tDate, 
tTitle,tAnswer,tText from tests order by ID"); 
dt-new DataTable("Test"); 
adapter.Fill(dt); 
) 
con.Close(); 
} 
return dt; 
} 


public void updateTest (UserClass user, TestClass test) 
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using (SqlConnection con-new SqlConnection(DBHelper.conString)) 
t 
DBHelper DB-new DBHelper (con); 
if(verifyAdmin(DB, user)) 
{ 
test .tDate=DateTime .Now.ToString ("yyyy-MM- dd HH:mm:ss"); 
SqlParameter pDate-new SqlParameter ("@tDate", SqlDbType. 
Char); pDate.Value=test.tDate; 
SqlParameter pTitle=new SqlParameter("@tTitle", SqlDbType. 
Char); pTitle.Value=test.tTitle; 
SqlParameter pText-new SqlParameter ("@tText", SqlDbType. 
Text); pText.Value-test.tText; 
SqlParameter pAnswer = new SqlParameter ( " @ tAnswer", 
SglDbType.Char); pAnswer.Value-test.tAnswer; 
DB.executeCommand ("update tests set tDate=@tDate,tTitle= 
@tTitle, tText=@tText, tAnswer=@tAnswer where ID="+test. 
ID.ToString(), pDate, pTitle, pText, pAnswer); 
) 


con.Close(); 


) 


TE NetNet Test BLL 中 编写 对 应 的 管理 函数 ,它们 与 TestService 中 的 函数 相对 应 ， 
完成 试题 数据 集 的 获取 、 试 题 的 修改 与 删除 等 操作 。 


namespace NetTestBLL 
{ 
public class TestManager 
{ 
public DataTable getTestDataTable(UserClass user) 
{ 
TestService service=new TestService(); 
return service.getTestDataTable (user); 
} 
public void updateTest (UserClass user, TestClass test) 
{ 
TestService service=new TestService(); 


service.updateTest (user, test); 
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2. 客户 端 管理 


客户 端 采用 一 个 DataGrid 显示 试题 数据 集 , 其 中 的 试题 标题 列 tTitlet 答案 列 
tAnswer 是 可 以 修改 的 。 在 答案 列 中 修改 时 嵌入 了 一 个 ComboBox 下 拉 列 表 框 ,编辑 时 
答案 只 能 在 下 拉 列 表 框 的 选择 项 A B,C D 中 进行 选择 。 为 了 实现 这 个 功能 ,可 以 先 定 
义 一 个 AsnwerList 列表 类 , 它 是 List<String> WP EK: 


public class AnswerClass : List<String> 
{ 
public AnswerClass() 
{ 
Add ("A"); Add("B"); Add ("C"); Add("D"); 


) 
这 个 类 中 有 ABCD 4 个 选项 ,然后 把 这 个 类 做 成 一 个 Window 的 静态 资源 : 


<Window x:Class="NetTestClient.MainWindow" 
xmlns:NetTest-"clr-namespace:NetTestClient" > 
<Window.Resources> 
<NetTest:AnswerClass x:Key="answerList" /> 


</Window.Resources> 
在 DataGrid P E X. —74+< DataGridComboBoxColumn fF fy 7i 3& 5i . 


< DataGridComboBoxColumn Header =" 答案 " ItemsSource =" (StaticResource 
answerList}" Width-" 50" SelectedValueBinding =" (Binding tAnswer, Mode = 


TwoWay)"/» 


这 个 列 的 数据 源 是 一 个 答案 列表 ,选择 绑 定 数据 集 的 tAnswer 字段 ,而 且 Mode 是 
TwoWay, 这 样 设置 后 ,就 可 以 在 答案 列 中 通过 下 拉 列 表 来 显示 与 设置 试题 答案 了 。 


4.4.3 服务 器 程序 


1. INetTestService 接口 


[ServiceContract] 

public interface INetTestService 

{ 
[OperationContract] 
DataTable getTestDataTable(); 
[OperationContract] 


void updateTest (TestClass test); 
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2. NetTestService 类 


public class NetTestService : INetTestService 
{ 
UserClass getUser () 
{ 
String uName-OperationContext.Current.IncomingMessageHeaders. 
GetHeader<String> ("uName", "MySpace") ; 
String uPass-OperationContext.Current.IncomingMessageHeaders. 
GetHeader«String» ("uPass", "MySpace"); 
return new UserClass ( uName-uName, uPass-uPass }; 
) 
public DataTable getTestDataTable() 
{ 
TestManager manager=new TestManager(); 
return manager.getTestDataTable (getUser()); 
} 
public void updateTest (TestClass test) 
{ 
TestManager manager=new TestManager(); 


manager.updateTest (getUser(), test); 


444 客户 端 程序 


运行 服务 器 程序 NetTestServer 使 得 服务 器 处 于 监听 状态 ,然后 在 客户 端 程序 的 解 
决 方案 资源 管理 器 中 找到 Service References 中 的 WCF, Ai WCF ,弹出 快捷 菜单 ,执行 
“更 新 服务 引用 ”命令 ,客户 端 就 能 找到 并 更 新 服务 引用 。 


1. 界面 设计 


客户 端的 WPF 程序 的 窗 体 上 放 一 个 名 为 uGrid 的 DataGrid 数据 集 显 示 控 件 显示 试 
题 数据 集 , 放 一 个 名 称 为 txtText 的 TexBox 控件 显示 试题 内 容 。 


<Window x:Class="NetTestClient.MainWindow" 

xmlns-"http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
xmlns:x-"http://schemas.microsoft.com/winfx/2006/xaml" 
xmlns:NetTest-"clr-namespace:NetTestClient" 
Title=" m" Height-"318.817" Width="439.302" > 

<Window.Resources> 
<NetTest :AnswerClass x:Key="answerList" /> 

</Window.Resources> 


<Grid> 
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<Grid.RowDefinitions> 
<RowDefinition Height="30"/> 
<RowDefinition Height="*" /> 
</Grid.RowDefinitions> 
<StackPanel Orientation-"Horizontal" Grid.Row="0"> 
<TextBlock HorizontalAlignment="Left" TextWrapping="Wrap" 
Text-"H P!" VerticalAlignment="Top" /> 
<TextBox x: Name="txtUser" Text-" Admin" HorizontalAlignment = 
"Left" VerticalAlignment="Top" Width="74"/> 
<TextBlock HorizontalAlignment- "Left" Text- "fij" 
VerticalAlignment-"Top" /» 
«PasswordBox x:Name-"txtPass" Password-"123" 
HorizontalAlignment-"Left" VerticalAlignment-"Top" Width="74"/> 
«Button x:Name- "btGetTest" Content=" 获 取 试 题 " 
HorizontalAlignment="Left" VerticalAlignment="Top" Width="75" 
Click="btGetTest_Click"/> 
«Button x:Name="btUpdateTest" Content=" 更 新 试题 " 
HorizontalAlignment="Left" VerticalAlignment="Top" Width="75" 
Click="btUpdateTest_Click"/> 
</StackPanel> 
<Grid Grid.Row="1"> 
<Grid.ColumnDefinitions> 
<ColumnDefinition Width-"1* " /> 
<ColumnDefinition Width-"1* " /> 
</Grid.ColumnDefinitions> 
<DataGrid x: Name="uGrid" Grid. Column="0" AutoGenerateColumns- 
"False" SelectionMode =" Single" SelectionChanged =" uGrid _ 
SelectionChanged" CanUserDeleteRows =" False" CanUserAddRows = 
"False" CanUserReorderColumns="False" CanUserResizeRows="False"> 
<DataGrid.Columns> 
<DataGridTextColumn Binding="{Binding ID}" Header="ID" 
Width="50" IsReadOnly="True"/> 
«DataGridTextColumn Binding="{Binding tDate}" Header-"H 
Hj" width="100" IsReadOnly-"True" /> 
<DataGridTextColumn Binding="{Binding tTitle}" Header= 
"标题 " Width="100" /> 
«DataGridComboBoxColumn Header- "答案 " ItemsSource- 
"(StaticResource answerList}" Width-"50" 
SelectedValueBinding- "(Binding tAnswer,Mode-TwoWay }"/> 
</DataGrid.Columns> 
</DataGrid> 
<GridSplitter Width="3" /> 
<TextBox x:Name-"txtText" Grid.Column="1" Text="{Binding tText, Mode 
=TwoWay }" VerticalScrollBarVisibility="Auto" /> 
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«/Grid» 
«/Grid» 


«/Window» 


2. 程序 设计 


在 程序 中 先 定义 一 个 AnswerList 2$. fg — DataGridComboBoxColumn > ži] "p # jg] $8 37 
类 ,这 个 类 可 以 放 在 MainWindow. xaml. cs 文件 中 ,程序 代码 如 下 : 


namespace NetTestClient 
{ 
public class AnswerClass : List<String> 
{ 
public AnswerClass () 


{ 
Add ("A"); Add ("B"); Add ("C") ; Ada ("D"); 


) 
public partial class MainWindow : Window 
{ 
WCF.NetTestServiceClient client; 
String url-"http://localhost:8888/NetTestService/"; 
DataTable dt; 
DataView dv; 
public MainWindow() 
{ 
InitializeComponent (); 
/ sr. client WH 
client=new WCF.NetTestServiceClient (); 
// 设 置 异 步 隙 数 
client.getTestDataTableCompleted += 
client_getTestDataTableCompleted ; 
client.updateTestCompleted+=client_updateTestCompleted; 
// 设 置 访问 的 服务 器 地 址 
client.Endpoint .Address=new System.ServiceModel .EndpointAddress 
(new Uri (url, UriKind.Absolute)); 
} 
void client_updateTestCompleted (object sender, 
System.ComponentModel .AsyncCompletedEventArgs e) 
{ 
if (e.Error==null) 
{ 
dt .AcceptChanges(); 
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else showMsg(e.Error.Message) ; 
} 
void client_getTestDataTableCompleted (object sender, 
WCF.getTestDataTableCompletedEventArgs e) 
{ 
if(e.Error--null) 
{ 
dt=e.Result; 
dv=dt.DefaultView; 
uGrid. ItemsSource=dv; 
} 
else showMsg(e.Error.Message) ; 
} 
void showMsg (String s) 
{ 
MessageBox.Show(s, "Information", MessageBoxButton.OK) ; 
} 
String encryptString (String s) 
{ 
MD5 md5=new MD5CryptoServiceProvider(); 
byte[] buf-Encoding.UTF8.GetBytes (s); 
buf-md5.ComputeHash (buf) ; 
s=""; 
foreach (byte x in buf) s-s-*x.ToString ("X2"); 
return S; 
} 
private void btGetTest Click(object sender, RoutedEventArgs e) 
{ 
// 获 取 试 题 列 表 
String uName=txtUser. Text .Trim (); 
String uPass-txtPass.Password.Trim(); 
if(uName !="" && uPass !="") 
{ 
try 
{ 
uPass-encryptString (uPass); 
using (OperationContextScope scope-new OperationContextScope 
(client.InnerChannel)) 
{ 
MessageHeader user-MessageHeader.CreateHeader 
("uName", "MySpace", uName) ; 
MessageHeader pass-MessageHeader.CreateHeader 
("uPass", "MySpace", uPass) ; 


OperationContext.Current.OutgoingMessageHeaders.Add 
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(user); 
OperationContext.Current.OutgoingMessageHeaders.Add 
(pass); 

client.getTestDataTableAsync(); 


} 
catch(Exception exp) { showMsg(exp.Message); } 


) 
private void uGrid SelectionChanged (object sender, 
SelectionChangedEventArgs e) 
{ 
if (uGrid.SelectedIndex>=0) 


{ 
txtText.DataContext-dv[uGrid.SelectedIndex]; 


) 
else txtText.DataContext-null; 


) 
private void btUpdateTest Click(object sender, RoutedEventArgs e) 


{ 
if (uGrid.SelectedIndex>=0) 
{ 
int index=uGrid.SelectedIndex; 
WCF.TestClass test=new WCF.TestClass 
{ 
ID= (int)dv[index] ["ID"], 
tTitle=dv [index] ["tTitle"].ToString(), 
tAnswer=dv[index] ["tAnswer"].ToString(), 
tText=dv [index] ["tText"].ToString() 
ud 
String uName-txtUser.Text.Trim(); 
String uPass-txtPass.Password.Trim(); 
") 


if(uName !="" && uPass != 


{ 
try 


uPass-encryptString (uPass); 
using(OperationContextScope scope-new 
OperationContextScope (client.InnerChannel)) 
{ 
MessageHeader user=MessageHeader.CreateHeader 
("uName", "MySpace", uName) ; 
MessageHeader pass=MessageHeader.CreateHeader 


("uPass", "MySpace", uPass); 
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OperationContext.Current.OutgoingMessageHeaders. 
Add (user); 
OperationContext.Current.OutgoingMessageHeaders. 
Add (pass); 

client.updateTestAsync(test, test.ID); 


) 


catch (Exception exp) { showMsg (exp.Message) ; } 


44.5 拓展 训练 


试题 实际 上 可 以 批量 更 新 , 即 先 修改 任意 多 条 记录 ,然后 单 击 “ 更 新 试题 "按钮 后 把 
修改 过 的 记录 一 次 性 提交 服务 器 完成 批量 更 新 。 


l. 服务 器 批量 更 新 


在 服务 器 端 更 改 updateTest ,使 得 它 的 参数 是 一 个 List — TestClass> WR. EW 
了 所 有 要 更 新 的 试题 对 象 ,把 要 更 新 的 试题 逐个 更 新 ,函数 如 下 : 


public void updateTest (UserClass user, List<TestClass>tests) 
{ 
using (SqlConnection con=new SqlConnection (DBHelper.conString) ) 
{ 
DBHelper DB=new DBHelper (con); 
if (verifyAdmin (DB, user)) 
{ 
foreach (TestClass test in tests) 
{ 
test.tDate-DateTime.Now.ToString("yyyy-MM-dd HH:mm:ss"); 
SqlParameter pDate=new SqlParameter ("@tDate", SqlDbType. 
Char); pDate.Value=test.tDate; 
SqlParameter pTitle-new SqlParameter ("@tTitle", SqlDbType. 
Char); pTitle.Value=test.tTitle; 
SqlParameter pText=new SqlParameter ("@tText", SqlDbType. 
Text); pText.Value=test.tText; 
SqlParameter pAnswer=new SqlParameter ("@tAnswer", SqlDbType. 
Char); pAnswer.Value=test.tAnswer; 
DB.executeCommand ("update tests set tDate=@tDate,tTitle= 


@tTitle,tText=@tText, tAnswer=@tAnswer where ID="+test.ID. 
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ToString(), pDate, pTitle, pText, pAnswer); 


) 


con.Close(); 


} 


同时 修改 TestManager, INetTestService, Net TestService 对 应 的 函数 updateTest 的 
参数 ,使 得 它们 也 变 成 一 样 的 List<TestClass 二 对 象 。 


2. 客户 端 批量 更 新 


在 DataTable 的 数据 集中 ,每 行 都 是 DataRow 对 象 , 这 个 对 象 有 一 个 RowState 属 
性 ,初始 时 RowState 值 保 持 为 Unchanged。 如 果 一 行 被 修改 过 ,那么 状态 就 变 成 
Modified。 在 更 新 之 前 可 以 在 客户 端 对 数据 集 的 多 行 记录 做 修改 ,任何 一 行 的 修改 都 会 
把 这 一 行 的 RowState 设置 为 Modified。 因 此 在 批量 提交 之 前 只 要 找到 所 有 被 修改 过 的 
行 ,把 这 些 行 的 试题 组 成 一 个 List 二 WCF. TestClass 这 列表 对 象 提交 给 服务 器 ,就 可 以 完 
成 批量 更 新 。 根 据 这 个 方法 设计 更 新 函数 如 下 : 


private void btUpdateTest Click(object sender, RoutedEventArgs e) 
{ 
String uName=txtUser.Text.Trim(); 
String uPass=txtPass.Password.Trim(); 
if (uName !-"" && uPass !="") 
{ 
uPass-encryptString (uPass); 
List<WCF.TestClass>tests=new List<WCF.TestClass>(); 
foreach (DataRow row in dt.Rows) 
{ 
if (row.RowState==DataRowState.Modified) 
{ 
tests.Add(new WCF.TestClass ( ID- (int)row["ID"], tTitle- 
row["tTitle"].ToString (), tAnswer- row["tAnswer"]. ToString (), 


tText-row["tText"].ToString() }); 


} 
if (tests.Count>0) 
{ 
try 
{ 
using (OperationContextScope scope- new OperationContextScope 
(client.InnerChannel)) 
{ 


MessageHeader user=MessageHeader.CreateHeader ("uName", 
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"MySpace", uName) ; 

MessageHeader pass-MessageHeader.CreateHeader ("uPass", 
"MySpace", uPass) ; 
OperationContext.Current.OutgoingMessageHeaders.Add (user); 
OperationContext.Current.OutgoingMessageHeaders.Add (pass); 


client.updateTestListAsync(tests.ToArray()); 


) 
catch (Exception exp) ( showMsg (exp.Message) ; } 


) 
在 批量 更 新 完成 后 ,这 个 数据 集 必须 调用 AcceptChanges 函数 ,使 得 数据 集 的 每 行 


状态 再 次 恢复 到 Unchanged 状态 。 
45 APARI 


4.5.1 案例 展示 


客户 端 单 击 * 获 取 试 题 "按钮 后 会 从 服务 器 端 获取 一 份 随机 抽取 的 试题 ,这 个 试题 数 
据 集 展现 在 一 个 DataGrid 页 面 上 ,通过 下 拉 列 表 选 择 每 个 题目 的 答案 完成 答题 ,完成 后 
单 击 “ 提 交 答案 ”按钮 就 会 显示 出 成 绩 ,同时 将 成 绩 提交 服务 器 保存 ,如 图 4-22 所 示 。 


Can you tell me the progra 
—Yes, it's on Wednesday, at five o 


422 试题 测试 


45.2 技术 要 点 


1. 成 绩 表 


用 户 进行 一 次 测试 练习 后 的 成 绩 被 上 传 到 数据 库 的 marks 表 进 行 存储 ,这 个 表 有 一 
个 ID 自动 增长 字段 作为 关键 字 ,uName 是 用 户 名 称 ,mDate 为 存储 日 期 ,mValue 是 成 
绩 。 表 格 的 SQL 命令 如 下 : 
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(NS 


create table marks 


( 


) 


ID int identity(1,1) primary key, 
uName varchar(32) foreign key references users (uName) on delete cascade, 
mDate varchar (32), 


mValue int 


为 了 保持 数据 的 完整 性 ,uName 必须 外 键 参照 users 表 中 的 uName 字段 。 
2. 服务 器 管理 


在 TestService. cs 中 设计 函数 来 进行 用 户 练习 试题 与 成 绩 的 管理 。 用 户 在 获取 试题 
时 要 进行 身份 验证 ,设计 一 个 验证 函数 verifyUser 用 来 验证 用 户 的 身份 ,这 个 函数 与 管 
理 员 验 证 函数 verify Admin 十 分 类 似 , 只 有 注册 过 的 用 户 才 可 以 获取 试题 。 


bool verifyUser (DBHelper DB, UserClass user) 


{ 


) 


// 验 证 用 户 身份 

SqlParameter pName=new SqlParameter ("@uName", SqlDbType.Char); pName. 
Value=user.uName; 

SqlParameter pPass=new SqlParameter ("@uPass", SqlDbType.Char); pPass. 
Value=user.uPass; 

return ((int)DB.getScalar("select count(*) from users where uName=@uName 


and uPass=@uPass", pName, pPass)>0); 


由 于 服务 器 端的 试题 很 多 ,为 了 实现 测试 练习 的 随机 性 ,用 户 在 练习 时 ,程序 每 次 随 
机 地 从 试题 表 tests 中 抽取 10 个 题目 组 成 练习 试卷 。 在 SQL Server 数据 库 中 通过 
NEWID 函数 可 以 为 每 条 记录 生成 一 个 随机 数 , 如 果 按 这 些 随机 数 来 排序 ,每 次 提取 排序 
后 的 前 10 个 题目 ,就 可 以 得 到 随机 的 10 个 题目 了 ,关键 的 SQL 语句 如 下 : 


select top 10 * fromtests order by NEWID() 


根据 这 个 方法 编写 getUserTestDataTable 函数 , 它 有 一 个 UserClass 参数 ,验证 用 
户 身份 后 ,从 tests 中 随机 抽取 10 个 题目 组 成 一 个 数据 集 DataTable. RAIF : 


public DataTable getUserTestDataTable(UserClass user) 


{ 


Random rnd=new Random() ; 
DataTable dt=null; 
using (SqlConnection con-new SqlConnection (DBHelper.conString) ) 
{ 
DBHelper DB=new DBHelper (con); 
if (verifyUser (DB, user)) 


{ 
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//NEWID() 用 来 产生 随机 顺序 
SqlDataAdapter adapter=DB.getAdapter ("select top 10 * from tests 
order by NEWID()"); 
dt=new DataTable ("Test"); 
adapter.Fill(dt); 
} 
con.Close(); 
} 
return dt; 


} 


用 户 完成 答题 后 提交 试题 ,程序 比 对 用 户 答案 与 标准 答案 ,计算 出 成 绩 mValue, 通 
过 setUserMark 函数 把 成 绩 存储 到 marks 表 中 ,这 个 函数 如 下 : 


public int setUserMark (UserClass user, int mValue) 
í 
int flag=-1; 
using (SqlConnection con-new SqlConnection (DBHelper.conString) ) 
{ 
DBHelper DB=new DBHelper (con); 
if (verifyUser (DB, user)) 
{ 
SqlParameter pName=new SqlParameter ("@uName", SqlDbType. Char); 
pName.Value=user.uName; 
SqlParameter pDate=new SqlParameter ("@mDate", SqlDbType. Char); 
pDate.Value=DateTime.Now.ToString ("yyyy-MM- dd HH:mm:ss"); 
SqlParameter pValue-new SqlParameter ( " @ mValue", SqlDbType. 
Char); pValue.Value=mValue; 
if (DB.executeCommand("insert into marks (uName, mDate, mValue) 
values (@uName,@mdate,@mValue)", pName, pDate, pValue) >0) flag= 
mValue; 
} 
con.Close(); 
} 
return flag; 


} 

在 设计 好 NetTestDAL 的 函数 后 , 接 下 来 在 Net TestBLL 的 TestManager 中 设计 类 
WAY getUserTestDataTable 函数 与 setUserMark 函数 ,它们 与 NetTestService B9 [6] 44 FRI 
数 对 应 ,这 里 不 再 歼 述 。 

3. 客户 端 管理 


客户 端 获 取 试 题 数 据 集 dt 后 ,在 dt 中 增加 两 个 数据 列 : 一 个 是 sNo, 代 表 题 目的 序 
号 ; 另 一 个 是 uAnswer, 代 表 用 户 的 答案 。 因 此 在 获取 数据 集 后 执行 下 列 程序 : 
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dt.Columns.Add("tNo"); 

dt.Columns.Add("uAnswer"); 

for (int i=0;i<dt.Rows.Count;i++) 

{ 
dt .Rows [i] ["tNo"]=(i+1) .ToString(); 
dt.Rows[i]["uAnswer"]-""; 

} 

dt .AcceptChanges(); 


x FE ,在 界面 中 设计 一 个 DataGrid 控件 来 显示 sNo 与 uAnswer 列 数据 ,用 户 答案 初 
始 为 空白 。 


4.5.3 服务 器 程序 


1. INetTestService 接口 


[ServiceContract] 

public interface INetTestService 

{ 
[OperationContract] 
DataTable getUserTestDataTable(); 
[OperationContract] 


int setUserMark (int mValue); 


2. NetTestService 类 


public class NetTestService : INetTestService 
{ 

UserClass getUser () 

{ 


String uName-OperationContext.Current.IncomingMessageHeaders. 
GetHeader<String> ("uName", "MySpace"); 
String uPass-OperationContext.Current.IncomingMessageHeaders. 
GetHeader«String» ("uPass", "MySpace"); 


return new UserClass ( uName-uName, uPass=uPass }; 
public DataTable getUserTestDataTable() 


TestManager manager-new TestManager(); 


return manager.getUserTestDataTable (getUser()); 


public int setUserMark(int mValue) 


TestManager manager-new TestManager(); 
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manager.setUserMark(getUser(), mValue) ; 


454 客户 端 程序 


首先 运行 服务 器 程序 NetTestServer 使 得 服务 器 处 于 监听 状态 ,然后 在 客户 端 程序 
的 解决 方案 资源 管理 器 中 找到 Service References 中 的 WCF. 47 di WCF ,弹出 快捷 菜单 ， 
执行 “更 新 服务 引用 ”命令 ,客户 端 就 能 找到 并 更 新 服务 引用 。 


1. 界面 设计 


客户 端的 界面 主要 是 一 个 DataGrid, 它 有 两 个 列 , 一 个 绑 定 题目 序号 , 另 一 个 绑 定 用 
户 答案 ,主要 XAML 代码 如 下 ; 


<Window x:Class="NetTestClient.MainWindow" 
xmlns-"http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
xmlns:x-"http://schemas.microsoft.com/winfx/2006/xaml" 
xmlns:NetTest-"clr-namespace:NetTestClient" 
Title=" 客 户 端 " Height="255.617" Width-"439.302" > 
<Window.Resources> 
<NetTest:AnswerClass x:Key="answerList" /> 
</Window.Resources> 
<Grid> 
<Grid.RowDefinitions> 
<RowDefinition Height="30"/> 
<RowDefinition Height="*" /> 
</Grid.RowDefinitions> 
<StackPanel Orientation="Horizontal" Grid.Row="0"> 
<TextBlock HorizontalAlignment="Left" TextWrapping="Wrap" Text 
=" 用 户 " VerticalAlignment="Top" /> 
<TextBox x:Name="txtUser" Text="xxx" HorizontalAlignment="Left" 
VerticalAlignment="Top" Width="74"/> 
<TextBlock HorizontalAlignment="Left" Text="# f" 
VerticalAlignment="Top" /> 
«PasswordBox x:Name-"txtPass" Password-"123" Horizontal- 
Alignment-"Left" VerticalAlignment-"Top" Width-"74"/» 
«Button x:Name- "btGetTest" Content=" 获 取 试 题 " 
HorizontalAlignment="Left" VerticalAlignment="Top" Width="75" 
Click="btGetTest_Click"/> 
«Button x:Name- "btHandleTest" Content=" 提 交 答 案 " 
HorizontalAlignment="Left" VerticalAlignment="Top" Width="75" 
Click-"btHandleTest Click"/» 


<TextBlock x:Name="msg" Text-"" Foreground- "Red" /> 
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</StackPanel> 
«Grid Grid.Row="1"> 
<Grid.ColumnDefinitions> 
<ColumnDefinition Width="120" /> 
<ColumnDefinition Width-"1* " /> 
</Grid.ColumnDefinitions> 
<DataGrid x:Name="uGrid" Grid.Column="0" AutoGenerateColumns = 
"False" SelectionMode =" Single" SelectionChanged =" uGrid _ 
SelectionChanged" CanUserDeleteRows =" False" CanUserAddRows = 
"False" CanUserReorderColumns="False" CanUserResizeRows="False"> 
<DataGrid.Columns> 
<DataGridTextColumn Binding="{Binding tNo}" Header-"Jf 5" 
Width 


"40" IsReadOnly-"True"/» 
«DataGridComboBoxColumn Header- "VÉ X" 
ItemsSource-"(StaticResource answerList}" Width-"80" 
SelectedValueBinding-"(Binding uAnswer,Mode-TwoWay)"/» 

</DataGrid.Columns> 
«/DataGrid» 
«GridSplitter Width- "3" /> 
«TextBox x:Name="txtText" Grid.Column="1" 
Text="{Binding tText, Mode=TwoWay}" 
VerticalScrollBarVisibility="Auto" /> 
</Grid> 


</Grid> 


«/Window» 


2. 程序 设计 


namespace NetTestClient 


{ 


public class AnswerClass : List<String> 


{ 


} 


public AnswerClass() 
{ 
Add ("A"); Add ("B"); Add ("C"); Add ("D"); 


public partial class MainWindow : Window 


{ 


WCF.NetTestServiceClient client; 

String url-"http://localhost:8888/NetTestService/"; 
DataTable dt; 

DataView dv; 


public MainWindow () 


) 
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InitializeComponent (); 

// 建 立 client WE 

client=new WCF.NetTestServiceClient (); 

// 设 置 异步 函数 

client.getUserTestDataTableCompleted+= 

client getUserTestDataTableCompleted; 

// 设 置 访问 的 服务 器 地 址 

client.Endpoint.Address-new System.ServiceModel.EndpointAddress 
(new Uri (url, UriKind.Absolute)); 

btHandleTest.IsEnabled-false; 


void client getUserTestDataTableCompleted (object sender, 


WCF.getUserTestDataTableCompletedEventArgs e) 


{ 


} 


if (e.Error==null) 
4 
dt-e.Result; 
dt.Columns.Add("tNo"); 
dt.Columns.Add ("uAnswer") ; 
for (int i=0;i<dt.Rows.Count;i++) 
{ 
dt.Rows [i] ["tNo"]=(it+1).ToString(); 
dt.Rows [i] ["uAnswer"]=""; 
} 
dt.AcceptChanges (); 
dv=dt .DefaultView; 
uGrid.ItemsSource=dv; 
btGetTest.IsEnabled-false; 
btHandleTest.IsEnabled-true; 
) 
else showMsg(e.Error.Message); 


void showMsg (String s) 


{ 


} 


MessageBox.Show(s, "Information", MessageBoxButton. OK); 


String encryptString(String s) 


{ 


MD5 md5-new MD5CryptoServiceProvider(); 
byte[] buf=Encoding.UTF8.GetBytes(s); 
buf-md5.ComputeHash (buf) ; 


s=""; 


foreach (byte x in buf) s-s-*x.ToString("X2"); 


238 


qeu essaszixn 


} 


return s; 


private void uGrid SelectionChanged (object sender, 


SelectionChangedEventArgs e) 


{ 


} 


if (uGrid.SelectedIndex>=0) 
t 
txtText.DataContext-dv[uGrid.SelectedIndex]; 
) 
else txtText.DataContext-null; 


private void btHandleTest Click(object sender, RoutedEventArgs e) 


{ 


int mValue=0; 
foreach (DataRow row in dt.Rows) 
{ 
if (row["tAnswer"] .ToString()==row["uAnswer"] .ToString())++ 
mValue; 
} 
msg.Text= "成 绩 :"+mValue -ToString(); 
btHandleTest.IsEnabled-false; 
btGetTest.IsEnabled-true; 
String uName-txtUser.Text.Trim(); 
String uPass-txtPass.Password.Trim(); 
if(uName !-"" && uPass !-"") 
{ 
try 
{ 
uPass-encryptString (uPass) ; 
using (OperationContextScope scope=new OperationContext- 
Scope (client .InnerChannel) ) 
{ 
MessageHeader user=MessageHeader.CreateHeader 
("uName", "MySpace", uName) ; 
MessageHeader pass=MessageHeader.CreateHeader 
("uPass", "MySpace", uPass) ; 
OperationContext.Current.OutgoingMessageHeaders.Add 
(user); 
OperationContext.Current.OutgoingMessageHeaders.Add 
(pass); 


client .setUserMarkAsync (mValue) ; 


} 


catch (Exception exp) { showMsg (exp.Message); } 
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} 


private void btGetTest Click (object sender, RoutedEventArgs e) 
{ 
// 获 取 试 题 列 表 
String uName=txtUser.Text.Trim(); 
String uPass=txtPass.Password.Trim(); 
if(uName !="" && uPass !="") 
t 
try 
{ 
uPass=encryptString(uPass) ; 
using (OperationContextScope scope=new OperationContext- 
Scope (client.InnerChannel) ) 
{ 
MessageHeader user=MessageHeader.CreateHeader 
("uName", "MySpace", uName) ; 
MessageHeader pass=MessageHeader.CreateHeader 
("uPass", "MySpace", uPass) ; 
OperationContext.Current.OutgoingMessageHeaders.Add 
(user); 
OperationContext.Current.OutgoingMessageHeaders.Add 
(pass); 


client.getUserTestDataTableAsync(); 


} 


catch(Exception exp) { showMsg (exp.Message); } 


4.5.5 拓展 训练 


用 户 提交 的 成 绩 存 储 在 服务 器 端的 数据 库 中 ,可 以 设计 一 个 功能 从 客户 端 来 管理 
成 绩 。 


l. 服务 器 管理 


首先 在 服务 器 端的 TestService. cs 中 设计 一 个 获取 成 绩 的 函数 getMarkDataTable， 
它 接收 一 个 用 户 UserClass 参数 ,验证 用 户 。 如 果 为 管理 员 Admin, 就 获取 全 部 成 绩 ;如 
果 是 普通 用 户 ,就 获取 用 户 自己 的 成 绩 。 


public DataTable getMarkDataTable (UserClass user) 
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Random rnd=new Random() ; 
DataTable dt=null; 
using (SqlConnection con=new SqlConnection (DBHelper.conString)) 
{ 
DBHelper DB-new DBHelper (con); 
if (verifyAdmin (DB, user)) 
{ 
SqlDataAdapter adapter=DB.getAdapter ("select * from marks order 
by ID"); 
dt=new DataTable ("Mark"); 
adapter.Fill(dt); 
} 
else if (verifyUser (DB, user) ) 
SqlParameter pName=new SqlParameter ("@uName", SqlDbType.Char) ; 
pName.Value=user.uName; 
SqlDataAdapter adapter=DB.getAdapter ("select * from marks where 
uName=@uName order by ID", pName) ; 
dt=new DataTable ("Mark"); 
adapter.Fill(dt); 
} 
con.Close(); 
} 
return dt; 


} 


男 外 设计 一 个 删除 成 绩 的 函数 deleteMarkList. 它 接收 一 个 成 绩 记 录 的 ID 号 列表 
List<int 二 参数 ,其 中 包含 了 所 有 要 删除 的 成 绩 记录 的 ID 号 。 


public void deleteMarkList (UserClass user, List<int>mID) 
{ 
using (SqlConnection con=new SqlConnection (DBHelper.conString) ) 
{ 
DBHelper DB-new DBHelper (con); 
if (verifyUser (DB, user)) 
{ 
foreach (int ID in mID) 
{ 


DB.executeCommand ("delete from marks where ID="+ID.ToString ()); 


} 


con.Close(); 
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接 下 来 在 TestManager,INet TestService 及 NetTestService 中 编写 对 应 的 getMark- 
DataTable 函数 与 deleteMarkList PR Zi. 


2. 客户 端 管理 


客户 端 设 计 一 个 成 绩 管 理 窗 体 MarkWindow, 其 中 窗 体 中 用 一 个 DataGrid 控件 来 
显示 成 绩 ,DataGrid 支持 多 行 选择 ,一 次 可 以 选择 多 行 要 删除 的 成 绩 记 录 。 同 时 设计 一 
个 “删除 成 绩 ? 按 钮 , 单 击 该 按钮 后 删除 选择 的 成 绩 记录 。 

1) 界面 设计 


<Window x:Class="NetTestClient.MarkWindow" 
xmlns-"http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
xmlns:x-"http://schemas.microsoft.com/winfx/2006/xaml" 
Title=" 成 绩 记录 " x:Name-"markWindow" Height- "300" Width-"300" 
Loaded-"markWindow Loaded" WindowStartupLocation="CenterScreen" 
Closing-"markWindow Closing"? 
«Grid» 

<Grid.RowDefinitions> 

<RowDefinition Height="30" /> 

<RowDefinition Height="* " /> 


</Grid.RowDefinitions> 


<Button Grid.Row="0" x:Name="deleteMark" 
Content=" 删 除 成 绩 " HorizontalAlignment="Center" VerticalAlignment= 
"Center" Click="deleteMark Click" /> 
<DataGrid x:Name="mGrid" Grid.Row="1" AutoGenerateColumns="False" 
IsReadOnly="True" SelectionMode="Extended" > 
<DataGrid.Columns> 
«DataGridTextColumn Binding-" (Binding uName}" Header=" 用 户 " 
Width="100" /> 
«DataGridTextColumn Binding-" (Binding mDate}" Header=" H 期 
Width="100" /> 
<DataGridTextColumn Binding="{Binding mValue}" Header= "成 绩 " 
Width="100" /> 
</DataGrid.Columns> 
</DataGrid> 
</Grid> 
«/Window» 


2) 程序 设计 


public partial class MarkWindow : Window 
{ 

public MainWindow mainWnd; 

public WCF.UserClass currentUser; 


// 服 务 器 地 址 
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public String url; 

// 客 户 端 对 象 

private WCF.NetTestServiceClient client; 
// 成 绩 数据 集 与 视图 


private DataTable dt; 


private DataView dv; 


public MarkWindow () 


{ 


} 


InitializeComponent () ; 

// 建 立 client WR 

client=new WCF.NetTestServiceClient(); 

// 设 置 异步 函数 
client.getMarkDataTableCompleted+=client_getMarkData- 
TableCompleted; 

client.deleteMarkListCompleted*-client deleteMarkListCompleted; 


void client deleteMarkListCompleted(object sender, 


System.ComponentModel.AsyncCompletedEventArgs e) 


{ 


} 


if (e.Error==null) 
{ 
List«int»mID- (List«int»)e.UserState; 
foreach(int ID in mID) 
{ 
DataRow row-dt.AsEnumerable().FirstOrDefault (x-» (int)x 
["ID"]--ID); 
if(row !=null) { row.Delete(); row.AcceptChanges(); } 
) 
dt.AcceptChanges (); 
) 


else mainWnd.showMsg (e.Error.Message); 


void client getMarkDataTableCompleted (object sender, 


WCF.getMarkDataTableCompletedEventArgs e) 


{ 


if(e.Error--null) 
{ 
if(e.Result !-null) 
{ 
dt=e.Result; 
dv=dt .DefaultView; 
mGrid.ItemsSource-dv; 
} 


else mGrid.ItemsSource=null; 
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} 
else mainWnd.showMsg (e.Error.Message) ; 
} 
private void markWindow_Loaded (object sender, RoutedEventArgs e) 
í 
// 窗 体 启动 时 获取 成 绩 记录 
// 设 置 访问 的 服务 器 地 址 
client.Endpoint.Address=new System.ServiceModel .EndpointAddress 
(new Uri(url, UriKind.Absolute)); 
try 
{ 
using (OperationContextScope scope=new OperationContextScope 
(client.InnerChannel)) 
{ 
MessageHeader user-MessageHeader.CreateHeader ("uName", 
"MySpace", currentUser.uName); 
MessageHeader pass-MessageHeader.CreateHeader ("uPass", 
"MySpace", currentUser.uPass); 
OperationContext.Current.OutgoingMessageHeaders.Add (user); 
OperationContext.Current.OutgoingMessageHeaders.Add (pass); 


client.getMarkDataTableAsync(); 


} 
catch (Exception exp) { mainWnd.showMsg (exp.Message); } 
} 
private void markWindow Closing (object sender, System. ComponentModel. 
CancelEventArgs e) 
{ 
mainWnd.Show(); 
) 
private void deleteMark Click(object sender, RoutedEventArgs e) 
{ 
// 删 除 选择 的 成 绩 记录 
if (mGrid.SelectedItems.Count>0) 
{ 
List«int»mID-new List<int> (); 
for (int i=0; i«mGrid.SelectedItems.Count; i++) 
{ 
DataRowView row= (DataRowView) mGrid.SelectedItems [i]; 
mID.Add ( (int) row["ID"]); 
} 
if (mID.Count>0) 
{ 
if (mainWnd.confirm(" 确 实 要 删除 选择 成 绩 记录 ?")) 
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try 


using (OperationContextScope scope-new 

OperationContextScope (client.InnerChannel)) 

{ 
MessageHeader user=MessageHeader.CreateHeader 
("uName", "MySpace", currentUser.uName) ; 
MessageHeader pass=MessageHeader.CreateHeader 
("uPass", "MySpace", currentUser.uPass); 
OperationContext.Current.OutgoingMessageHeaders. 
Add (user); 
OperationContext.Current.OutgoingMessageHeaders. 
Add (pass); 
client.deleteMarkListAsync (mID.ToArray(), mID); 


) 


catch (Exception exp) { mainWnd.showMsg(exp.Message); } 


$ 
else mainWnd. showMsg ("请 选择 要 删除 的 记录 !"); 


} 


在 练习 窗 体 中 增加 一 个 “成 绩 管理 ”按钮 , 单 击 这 个 按钮 后 打开 成 绩 窗 体 ,对 成 绩 进 
行 管理 ,同时 练习 窗 体 隐藏 不 可 见 , 当 成 绩 窗 体 关 闭 后 再 次 显示 练习 窗 体 。 成 绩 窗 体 启 
动 函 数 如 下 : 


private void btMark Click(object sender, RoutedEventArgs e) 


{ 
MarkWindow dlg=new MarkWindow(); 


dlg.mainWnd-this; 
dlg.url-url; 
dlg.currentUser-currentUser; 
dlg.Show(); 
this.Hide(); 

} 


其 中 mainWnd, url, currentUser 是 MarkWindow 窗 体 (成 绩 窗 体 ) 中 的 变量 ,mainWnd 
是 主 窗 体 对 象 , currentUser 为 用 户 对 象 , url 为 服务 器 地 址 ,这 些 信 息 在 主 窗 体 中 就 已 经 
确定 ,所 以 直接 传递 给 Mark Window。 
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4.6 了 息 丁 练习 程序 的 实现 


4.6.1 技术 要 点 


现在 可 以 把 本 项 目前 面 几 节 的 内 容 连 贯 起 来 ,完成 这 个 试题 练习 程序 的 总 体 设 计 。 
在 测试 练习 时 ,用户 单 击 * 获 取 试 题 ” 后 得 到 一 个 试题 的 数据 集 , 为 了 更 好 地 展现 这 
些 试 题 , 下 面 设计 一 个 带 滚动 条 的 StackPanel 容器 spTest: 


<ScrollViewer HorizontalScrollBarVisibility-"Auto" VerticalScrollBarVisibility 
="Auto"> 
<ScrollViewer.Content> 
<StackPanel Orientation- "Vertical" x:Name="spTest" /> 
</ScrollViewer.Content> 


</ScrollViewer> 


它 包含 在 一 个 ScrollViewer 控件 中 , 当 spTest 中 的 内 容 比较 多 时 就 自动 出 现 水 平 与 
垂直 的 滚动 条 。 在 spTest 中 动态 增加 所 要 的 控件 来 展示 试题 ,spTest 包含 的 所 有 子 控 
件 都 在 它 的 Children 属性 中 。 

每 个 试题 有 3 个 部 分 , 先 在 spTest 中 增加 一 个 TextBlock 用 来 显示 试题 的 内 容 , 再 
增加 一 个 ComboBox 供用 户 选 择 答案 。 随 后 增加 一 个 TextBlock 存储 标准 答案 ,这 个 
TextBlock 的 名 称 设置 为 tbAns, 这 个 答案 控件 在 练习 时 不 可 见 , 只 有 在 完成 练习 进行 答 
案 比 对 时 才 显 示 。 最 后 增加 一 个 空白 的 TextBlock 用 来 作为 两 个 试题 的 分 隔 区 。 设 计 
getTestPaper 函数 完成 试题 数据 集 在 spTest 中 的 显示 。 主 要 的 代码 如 下 : 


void getTestPaper() 
{ 
spTest.Children.Clear(); 
for(int i=0;i<dv.Count;i++) 
{ 
TextBlock tb=new TextBlock { TextWrapping=TextWrapping.NoWrap, Text 
=(i+1).ToString()+". "+dv[i] ["tText"].ToString() }; 
spTest.Children.Add(tb); 
StackPanel sp=new StackPanel (); 
ComboBox cb= new ComboBox {Name="cbAns"+i.ToString (), Width= 50, 
HorizontalAlignment=HorizontalAlignment.Left }; 
cb.Items.Add ("A"); 
cb.Items.Add ("B"); 
cb.Items.Add ("C"); 
cb.Items.Add ("D"); 
spTest.Children.Add (cb); 
tb=new TextBlock {Name="tbAns"+i.ToString(),Text=dv[i] ["tAnswer"]. 
ToString(),Visibility-Visibility.Hidden,Foreground-Brushes.Red }; 
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spTest.Children.Add(tb); 
tb-new TextBlock ( Text-"" }; 
spTest.Children.Add(tb); 


} 


EHP ELERA spTest. Children 中 的 每 个 控件 元 素 ,每 个 元 素 都 是 最 基础 
的 UIElement 类 元 素 。 如 果 这 个 元 素 是 ComboBox, 就 取出 用 户 答案 ;如 果 是 TextBlock 
而 且 名 称 以 Ans 开始 ,就 是 答案 控件 ,从 中 取出 标准 答案 ,对 比 用 户 答案 与 标准 答案 ,就 
可 以 计算 出 成 绩 mValue。 主 要 的 代码 如 下 : 


List«String»sAns-new List<string>(); // 标 准 答案 
List<String>tAns=new List<string>(); // 用 户 答案 
for(int i=0;i<spTest.Children.Count;i++) 
{ 
UIElement elem-spTest.Children[i]; 
if(elem is ComboBox) 
{ 
ComboBox cb= (ComboBox) elem; 
if (cb.SelectedItem!=null) sAns.Add(cb.SelectedItem.ToString()); 
else sAns.Add(""); 
) 
else if(elem is TextBlock) 
{ 
TextBlock tb= (TextBlock) elem; 
if (tb.Name.StartsWith("tbAns")) { tAns.Add(tb.Text); tb.Visibility- 
Visibility.Visible; } 


} 

// 计 算 成 绩 

int mValue=0; 

for(int i=0;i<sAns.Count;it++) 


if (tAns[i]==sAns[i])++mValue; 


46.2 ”服务 器 程序 


服务 器 由 NetTestDAL 数据 访问 层 、NetTestBLL My 4$ 32 $ J£ , NetTestModel 数据 
Bi E .NetTestServer 应 用 程序 层 组 成 ,如 图 4-23 所 示 。 


1. NetTestDAL 


该 层 主 要 包含 数据 库 的 基础 操作 类 DBHelper 与 用 户 注册 登录 的 管理 类 
UserService, 这 两 个 类 的 功能 与 前 面 项 目的 类 似 。 试 题 数 据 的 管理 类 TestService 中 主 
要 的 函数 如 表 4-1 所 示 。 
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4 | NetTestBLL 
b £ Properties 
b wa 引用 
P  €* TestManager.cs 
b €* UserManager.cs 
4 |œ] NetTestDAL 
b £ Properties 
b wa 引用 
b © DBHelper.cs 
b 
b 


€* TestService.cs 
€* UserService.cs 
4 [| NetTestModel 
b £ Properties 
b wa 引用 
b €* Modelclass.cs 
4 (|) NetTestServer 
b ¥# Properties 
b we 引用 
$3 App.config 
b © INetTestService.cs 
b © NetTestService.cs 
b œ Program.cs 


aE ET 
4-3 ”服务 器 结构 


表 4-1 TestService 的 主要 函数 


函数 名 称 说 明 


verifyAdmin( UserClass) 判断 用 户 是 否 为 管理 员 


判断 用 户 是 否 为 注册 用 户 


verifyUser( UserClass) 


addTest(UserClass, ref TestClass) :int 增加 一 个 试题 


updateTest(UserClass, ref TestClass) 更 新 一 个 试题 
updateTestList(UserClass,List<TestClass>) 批量 更 新 试题 
deleteTest( UserClass, TestClass) 删除 一 个 试题 
getTestDataTable(UserClass) 获取 试题 数据 集 
getUserTestDataTable(UserClass) 获取 随机 的 测试 数据 集 
setUserMark(UserClass,int) 设置 一 次 测试 的 成 绩 
get MarkDataTable( UserClass) 获取 成 绩 数据 集 


deleteMarkList( UserClass. List<int> ) 


批量 删除 成 绩 
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2. NetTestBLL 


该 层 的 逻辑 比较 简单 ,因此 它 包 含 的 文件 与 函数 几乎 是 Net Test DAL 对 应 文件 与 函 
数 的 再 写 。 


3. NetTestModel 


这 个 模型 中 主要 包含 用 户 类 UserClass .试题 类 TestClass, 内 容 如 下 : 


namespace NetTestModel 
{ 
public class UserClass 
{ 
public String uName { get; set; } 
public String uPass { get; set; } 
} 
public class TestClass 
{ 
public int ID { get; set; } 
public String tDate { get; set; } 
public String tTitle { get; set; } 
public String tAnswer { get; set; } 
public String tText { get; set; } 


4. WCF 服务 


NetTestService 类 实现 INetTestService 接口 的 各 个 函数 ,这 些 函 数 如 下 : 


public class NetTestService : INetTestService 
{ 
public String login (UserClass user) 
{ 
UserManager manager=new UserManager(); 
return manager.login (user); 
} 
UserClass getUser () 
{ 
String uName-OperationContext.Current.IncomingMessageHeaders. 
GetHeader<String> ("uName", "MySpace") ; 
String uPass-OperationContext.Current.IncomingMessageHeaders. 
GetHeader«String» ("uPass", "MySpace"); 


return new UserClass { uName-uName, uPass-uPass }; 
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public TestClass addTest (TestClass test) 

{ 
TestManager manager=new TestManager () ; 
manager .addTest (getUser(), ref test); 


return test; 


public DataTable getTestDataTable() 


TestManager manager=new TestManager(); 


return manager.getTestDataTable (getUser()); 


public bool deleteTest(TestClass test) 


TestManager manager-new TestManager(); 
return manager.deleteTest (getUser(),test); 

) 

public TestClass updateTest (TestClass test) 

{ 
TestManager manager=new TestManager (); 
manager .updateTest (getUser(), ref test); 
return test; 

} 

public void updateTestList (List<TestClass>tests) 

{ 
TestManager manager=new TestManager(); 
manager.updateTestList(getUser(), tests); 

) 

public DataTable getUserTestDataTable() 

{ 
TestManager manager=new TestManager(); 
return manager.getUserTestDataTable (getUser()); 

) 

public int setUserMark(int mValue) 

{ 
TestManager manager=new TestManager(); 
return manager.setUserMark (getUser(),mValue) ; 

} 

public DataTable getMarkDataTable() 

{ 
TestManager manager=new TestManager(); 
return manager.getMarkDataTable (getUser()); 

) 

public void deleteMarkList (List«int»mID) 

{ 
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TestManager manager=new TestManager(); 


manager.deleteMarkList (getUser(),mID); 


H 
其 中 除了 getUser 函数 不 是 INetTestService 接口 定义 的 函数 外 ,其 他 全 部 是 INetTestService 
接口 中 定义 的 函数 ,它们 都 是 WCF 的 服务 器 接口 函数 。 


4.6.3 客户 端 程序 


客户 端 由 一 个 主 窗 体 Main Window, 一 个 试题 管理 窗 体 AdminWindow ,一 个 用 户 测 
试 练习 窗 体 TestWindow 一 个 成 绩 管理 窗 体 Mark Window 组 成 ,如 图 4-24 所 示 。 


解决 方案 资源 管理 器 TELA 
oodie-eB8|*--5 
搜索 解决 方案 资源 管理 器 (Ctrl+)) P~ 


加 | 解决 方案 "NetTestClient“(1 个 项 目 ) 
4 [© NetTestClient 

b £ Properties 
b wa 引用 
b 
b 


E Service References 
D AdminWindow.xaml 
$3 App.config 

D App.xaml 

D MainWindow.xaml 

D MarkWindow.xaml 

D TestWindow.xaml 
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1. MainWindow 


MainWindow( 主 窗 体 ) 负 责 用 户 注 册 与 登录 ,根据 是 Admin 管理 员 用 户 还 是 普通 用 
户 设置 对 应 的 功能 按钮 的 有 效 性 。 单 击 “ 试 题 管理 “成 绩 管理 “测试 练习 ”按钮 分 别 打 
开 AdminWindow、MarkWindow、TestWindow 窗 体 。 例 如 ,打开 TestWindow 窗 体 程序 
如 下 : 


private void btTest_Click(object sender, RoutedEventArgs e) 
{ 

TestWindow dlg=new TestWindow(); 

dlg.mainWnd=this; 

dlg.url-url; 

dlg.currentUser-currentUser; 

dlg.Show(); 

this.Hide(); 
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其 中 mainWnd, url, currentUser 是 Test Window 窗 体 中 的 变量 ,mainWnd 是 主 窗 体 对 
象 ,currentUser 为 登录 的 用 户 对 象 ,url 为 服务 器 地 址 ,这 些 信息 在 主 窗 体 中 用 户 登 录 后 
就 已 经 确定 ,所 以 直接 传递 给 TestWindow。 


2. TestWindow 


这 个 窗 体 是 用 户 进 行 试题 练习 的 窗 体 ,其 中 主要 的 特点 是 用 了 一 个 带 滚动 条 的 
StackPanel 来 展现 试题 。 
1) TestWindow 界面 


<Window x:Name="testWindow" x:Class="NetTestClient.TestWindow" 
xmlns-"http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
xmlns:x-"http://schemas.microsoft.com/winfx/2006/xaml" 
Title=" 测 试 练习 " Height="428" Width-"493.6" 
Closing="testWindow Closing" Loaded="testWindow Loaded" 
WindowStartupLocation="CenterScreen"> 
<Grid> 
<Grid.RowDefinitions> 
<RowDefinition Height="30"/> 
<RowDefinition Height="* " /> 
</Grid.RowDefinitions> 
<StackPanel Orientation="Horizontal" Grid.Row="0"> 
«Button x:Name="btGetTest" Content=" 获 取 试 题 " 
HorizontalAlignment="Left" VerticalAlignment="Top" Width="75" 
Click="btGetTest_Click"/> 
«Button x:Name="btHandleTest" Content=" 提 交 答 案 " 
HorizontalAlignment="Left" VerticalAlignment="Top" Width="75" 
Click="btHandleTest_Click"/> 
<TextBlock x:Name="msg" Foreground="Red" /> 
</StackPanel> 
<Grid Grid.Row="1" Margin="10,10,10,10"> 
<ScrollViewer HorizontalScrollBarVisibility="Auto" 
VerticalScrollBarVisibility="Auto"> 
«ScrollViewer.Content» 
<StackPanel Orientation-"Vertical" x:Name-"spTest" /> 
«/ScrollViewer.Content» 
</ScrollViewer> 
</Grid> 
</Grid> 


«/Window» 


2) TestWindow 程序 


public partial class TestWindow : Window 


{ 


public MainWindow mainWnd; 
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public WCF.UserClass currentUser; 
// 服 务 器 地 址 
public String url; 
// 客 户 端 对 象 
private WCF.NetTestServiceClient client; 
// 数 据 集 与 视图 
private DataTable dt; 
private DataView dv; 
public TestWindow () 
{ 
InitializeComponent () ; 
// 建 立 client WR 
client=new WCF.NetTestServiceClient(); 
// 设 置 异步 函数 
client.getUserTestDataTableCompleted+= 
client getUserTestDataTableCompleted; 
client.setUserMarkCompleted+=client_setUserMarkCompleted; 
// 设 置 访问 的 服务 器 地 址 
btHandleTest.IsEnabled-false; 
} 
void client_setUserMarkCompleted(object sender, 
WCF.setUserMarkCompletedEventArgs e) 
{ 
if (e.Error==null) 
{ 
msg.Text="M4i :"+e.Result.ToString(); 
btGetTest.IsEnabled=true; 
btHandleTest.IsEnabled-false; 
} 
else showMsg(e.Error.Message) ; 
} 
void client_getUserTestDataTableCompleted (object sender, 
WCF.getUserTestDataTableCompletedEventArgs e) 
{ 
if (e.Error==null) 
{ 
dt=e.Result; 
dv=dt .DefaultView; 
getTestPaper (); 
msg.Text-""; 
btGetTest.IsEnabled-false; 
btHandleTest.IsEnabled-true; 
t 
else showMsg(e.Error.Message); 
) 
void getTestPaper() 


ga 25 wcF 的 试题 练习 程序 253 


spTest.Children.Clear(); 

for (int i=0; i<dv.Count; i++) 

{ 
TextBlock tb= new TextBlock ( TextWrapping- TextWrapping. NoWrap, 
Text= (i+1) .ToString()+". "+dv[i] ["tText"].ToString() }; 
spTest.Children.Add (tb); 
StackPanel sp=new StackPanel(); 


ComboBox cb=new ComboBox ( Name="cbAns"+i.ToString(), Width- 50, 
HorizontalAlignment=HorizontalAlignment.Left }; 

cb. Items .Add ("A"); 

cb.Items.Add("B"); 

cb.Items.Add("C"); 

cb.Items.Add ("D"); 

spTest.Children.Add (cb); 

tb-new TextBlock ( Name="tbAns"+i.ToString(), Text= 
dv[i]["tAnswer"]. ToString (), Visibility = Visibility. Hidden, 
Foreground-Brushes.Red ]; 

spTest.Children.Add (tb); 

tb-new TextBlock { Text-"" }; 

spTest.Children.Add (tb); 


} 
void showMsg (String s) 
{ 

MessageBox.Show(s, "Information", MessageBoxButton.OK) ; 
} 
private void btGetTest_Click(object sender, RoutedEventArgs e) 
{ 

// 获 取 试 题 列 表 

try 

{ 

using (OperationContextScope scope = new OperationContextScope 


(client .InnerChannel) ) 


MessageHeader user-MessageHeader.CreateHeader ("uName", 
"MySpace", currentUser.uName); 

MessageHeader pass-MessageHeader.CreateHeader ("uPass", 
"MySpace", currentUser.uPass); 
OperationContext.Current.OutgoingMessageHeaders.Add (user); 
OperationContext.Current.OutgoingMessageHeaders.Add (pass); 


client.getUserTestDataTableAsync(); 


} 


catch (Exception exp) { showMsg(exp.Message); } 
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private void btHandleTest Click (object sender, RoutedEventArgs e) 
{ 
List<String>sAns=new List<string> (); 
List<String>tAns=new List«string» (); 
for (int i=0; i«spTest.Children.Count; i++) 
{ 
UIElement elem-spTest.Children[i]; 
if(elem is ComboBox) 
{ 
ComboBox cb= (ComboBox)elem; 
if(cb.SelectedItem !=null) sAns.Add(cb.SelectedItem. 
ToString()); 
else sAns.Add(""); 
) 
else if(elem is TextBlock) 
{ 
TextBlock tb= (TextBlock) elem; 
if(tb.Name.StartsWith("tbAns")) { tAns.Add(tb.Text); 
tb.Visibility-Visibility.Visible; ) 


} 
int mValue=0; 
for (int i=0; i«sAns.Count; i++) 
if(tAns [i]==sAns[i])++mValue; 
try 
{ 
using (OperationContextScope scope=new OperationContextScope 
(client .InnerChannel) ) 
{ 
MessageHeader user=MessageHeader .CreateHeader ("uName", 
"MySpace", currentUser.uName) ; 
MessageHeader pass=MessageHeader .CreateHeader ("uPass", 
"MySpace", currentUser.uPass) ; 
OperationContext.Current.OutgoingMessageHeaders.Add (user); 
OperationContext.Current.OutgoingMessageHeaders.Add (pass); 
client.setUserMarkAsync (mValue); 


) 
catch (Exception exp) { showMsg (exp.Message); } 
} 
private void testWindow Closing (object sender, System. ComponentModel. 
CancelEventArgs e) 
{ 
mainWnd.Show(); 
} 


private void testWindow_Loaded(object sender, RoutedEventArgs e) 
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client.Endpoint.Address=new System.ServiceModel.EndpointAddress 
(new Uri(url, UriKind.Absolute)); 


} 
34 9b , Admin Window, Mark Window 的 界面 与 程序 都 与 前 面 的 类 似 , 不 再 歼 述 。 


46.4 拓展 训练 


这 个 项 目的 服务 器 是 一 个 独立 运行 的 控制 台 程序 ,客户 端 是 一 个 WPF 的 窗 体 程序 ， 
实际 上 WCF 的 程序 结构 是 很 灵活 的 ,服务 器 可 以 是 一 个 独立 于 IIS 的 应 用 程序 ,也 可 以 
是 一 个 Windows 服务 程序 ,还 可 以 是 基于 IIS 的 网 站 服务 。 同 时 客户 端 可 以 是 一 个 
Windows 或 者 WPF 窗 体 程序 ,也 可 以 是 基于 TIS 的 网 页 应 用 程序 。 


1. 基于 JIIS 的 服务 器 服务 


如 果 要 把 服务 器 改 成 依赖 IIS 的 服务 程序 ,那么 适当 修改 NetTestServer 服务 器 项 
目 就 可 以 了 ,具体 步骤 如 下 : 
(1) 打开 NetTestServer 项 目 ,删除 NetTestServer 的 控制 台 程 序 项 目 。 
(2) 添加 一 个 网 站 (例如 D:\web 项 目 , 把 网 | 解决 方案 资源 管理 器 "Bx 
站 web 设置 为 启动 项 目 ,并 增加 web 网 站 对 |S SG) e-F Oman) s ” 
NetTestBLL Net TestModel 的 引用 。 搜索 解决 方案 资源 管理 器 (Ctrl+;) p 
(3) 在 web 中 添加 WCF 服务 Net TestService ,得 网 解决 方案 NetTestServer (4 个 项 目 ) 
4 回 NetTestBLL 
到 一 个 NetTestService. sve 文件 ,这 是 IIS 中 的 WCF b £ Properties 
= E E b wa 引用 
服务 器 文件 。 同 时 在 web 下 建立 App_Code 文件 夹 ， pT 
并 在 App _ Code 中 建立 INetTestService. cs 与 b €* UserManager.cs 
NetTestService. cs 两 个 文件 ,如 图 4-25 所 示 。 4 回 NetestDAL 
> # Properties 
(4) INetTestService. cs 与 NetTestService. cs b wa 引用 
文件 内 容 与 控制 台 程 序 下 的 对 应 文件 几乎 完全 一 
样 , 不 同 的 是 不 再 有 NetTestServer 的 命名 空间 , 因 
此 INetTestService. cs 代码 如 下 : 


b © DBHelper.cs 

b €* TestService.cs 

p © UserService.cs 
4 [E] NetTestModel 

b # Properties 
3 b wa 引用 
using System; 
p €* ModelClass.cs 
using System.Collections.Generic; 


4 = App_Code 
bd © INetTestService.cs 
b œ NetTestService.cs 
b E Bin 
38 NetTestService.svc 
4 (43 Web.config 
1? Web.Debug.config 


public interface INetTestService 解决 方案 资源 管理 器 
{ 图 4-25 web 网 站 的 WCF ARS 


using System.Runtime.Serialization; 
using System.ServiceModel; 

using System.Text; 

using NetTestModel; 


using System.Data; 


[ServiceContract] 
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} 


OperationContract 
String login (UserClass user); 
OperationContract 
TestClass addTest (TestClass test); 
OperationContract 
DataTable getTestDataTable(); 
OperationContract 
bool deleteTest (TestClass test); 
OperationContract 
TestClass updateTest (TestClass test); 
OperationContract 
void updateTestList(List«TestClass»tests); 
OperationContract 
DataTable getUserTestDataTable(); 
OperationContract 
int setUserMark (int mValue); 
OperationContract 


DataTable getMarkDataTable(); 


OperationContract 


void deleteMarkList (List<int>mID) ; 


(5) 修改 web. config 文件 ,使 它 变 成 如 下 的 形式 : 


<?xml version-"1.0"?» 


<configuration> 


<system.serviceModel> 
<behaviors> 
<serviceBehaviors> 
<behavior name="NetTestBehavior"> 
<serviceMetadata httpGetEnabled="true"/> 
<serviceDebug includeExceptionDetailInFaults-"false"/» 
</behavior> 
</serviceBehaviors> 
</behaviors> 
<services> 
«service name="NetTestService" behaviorConfiguration="NetTestBehavior"> 
<endpoint address="" binding="basicHttpBinding" 
contract="INetTestService"> 
<identity> 
<dns value="Localhost"/> 
</identity> 
</endpoint> 
<endpoint contract="IMetadataExchange" binding="mexHttpBinding" 


address="mex"/> 
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</service> 
</services> 
</system.serviceModel> 
<system.web> 
<httpRuntime targetFramework="4.5" /> 
</system.web> 


</configuration> 


(6) 重 新 生成 解决 方案 ,在 web\bin 目录 下 自动 生成 NetTestDAL, NetTestBLL 
NetTestModel 等 的 动态 库 。 


(7) 用 浏览 器 浏览 网 址 http: //localhost/web/NetTestService. svc, 结 果 如 图 4-26 所 
示 , 从 结果 中 看 到 服务 已 经 创建 成 功 。 


D NetTestService R= x \_¥ 


€ > Q [localhost/web/nettestservice.svc 


NetTestService 服务 


已 创建 服务 。 


若 要 测试 此 服务 ， 需 要 创建 一 个 客户 满 ， Pdi 可 以 使 用 下 
列 语 法 ， 从 命令 行 中 使 用 svcutil.exe 工具 来 进行 此 操 


Svcutil.exe http://rihuang/web/NetTestService.svc 


图 4-26 已 创建 服务 


经 过 上 面 这 些 步 又 就 已 经 把 服务 器 变 成 了 基于 DIS 的 服务 程序 。 现 在 启动 客户 端 程 
Fe NetTestClient, 把 服务 器 地 址 改 成 http: //localhost/web/NetTestService. svc, 单 击 
“登录 ?按钮 ,效果 与 连接 控制 台 服 务 器 程序 的 完全 一 样 , 如 图 4-27 所 示 


[ |http://localhost/web/NetTestService.svc 


用 户 [Admin | BE ieee 


图 4-27 客户 端 程序 
2. 基于 IIS 的 客户 端 网 页 


客户 端 也 可 以 是 一 个 基于 JIS 的 Web 网 页 ,下 面 以 登录 页 面 为 例 说 明 网 页 的 创建 
方法 。 


CD 新 建 一 个 网 站 (例如 D:\client) ,在 其 中 添加 一 个 网 


页 login. aspx, 设 计 这 个 页 面 
如 下 : 
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<%@ Page Language="C# " AutoEventWireup-"true" CodeFile="login. aspx.cs" 
Inherits="login" Async="true" %> 
<body> 
<form id="forml" runat="server"> 
<div> 
地 址 <asp:TextBox ID="txtURL" runat="server" Text="http://localhost/web/ 
NetTestService.svc" Width="260"/><br /> 
HiP'«asp:TextBox ID="txtName" runat="server" Text="xxx" /><br /> 
密码 <asp:TextBox ID-"txtPass" runat="server" TextMode- "Password" Text= 
"123" (><br /> 
<asp:Button ID-"btLogin" Text="% 3" runat="server" OnClick="tryLogin" /> 
<asp:Label ID="txtMsg" runat= 
</div> 


server" /> 


</form> 
</body> 


(2) 在 client 网 站 中 执行 “添加 服务 引用 ”命令 ,在 “地 址 ?中 输入 服务 器 的 地 址 ,可 
以 是 

http://localhost/web/NetTestService.svc 
或 者 (需要 启动 控制 台 的 服务 器 程序 NetTestServer) 


http://localhost:8888/NetTestService/ 


然后 单 击 “ 转 到 ”按钮 就 可 以 发 现 服务 器 的 服务 ,如 图 4-28 所 示 。 


若 要 查看 特定 服务 器 上 的 可 用 服务 列表 ,请 输入 服务 URL ,然后 单 击 " 转 到 "。 若 要 浏览 可 用 的 服务 ， 请 单 击 "发 
m. 


地 址 (A): 
http://localhost/web/NetTestService.svd zao | | 3D) E 


服务 (S): EO): 
4 © @ NetTestService @ addTest 
: © deleteMarkList 
@ deleteTest 
@ getMarkDataTable 
@ getTestDataTable 
@ getUserTestDataTable 
9 login 
@ setUserMark 
@ updateTest 
Q updateTestList 


在 地 址 "http://localhost/web/NetTestService.svc" 处 找到 1 个 服务 。 


图 4-28 发 现 服务 


在 服务 中 设置 生成 异步 操作 ,确定 后 在 解决 方案 资源 管理 器 中 看 到 建立 了 一 个 


WCF 服务 ,如 图 4-29 所 示 。 
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解决 方案 资源 管理 器 


4 & WCF 


b @ login.aspx 


cod|e-eQ&cm| " 
搜索 解决 方案 资源 管理 圳 (Ctrl+)) P~- 
fal 解决 方案 "client"(1 个 项 目 ) 


4 w App WebReferences 
b" Reference.svcmap 


b 43 Web.config 


"nx 


429 引用 服务 


(3) 编写 login. aspx 程序 ,使 用 异步 操作 ,程序 如 下 : 


public partial class login: System.Web.UI.Page 


{ 


WCF.NetTestServiceClient client; 


protected void Page Load(object sender, EventArgs e) 


{ 


) 


void client loginCompleted (object sender, WCF.loginCompletedEventArgs e) 


| 


} 


client=new WCF.NetTestServiceClient(); 


client.loginCompleted+=client_loginCompleted; 


if (e.Error==null) txtMsg.Text-e.Result; 


else txtMsg.Text=e.Error.Message; 


String encryptString (String s) 


{ 


} 


MD5 md5-new MD5CryptoServiceProvider(); 


byte[] buf-Encoding.UTF8.GetBytes (s); 


buf-md5.ComputeHash (buf) ; 


s=""; 


foreach (byte x in buf) s-s-*x.ToString("X2"); 


return s; 


protected void tryLogin (object sender, EventArgs e) 


{ 


String url=txtURL.Text.Trim(); 
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String uName-txtName.Text.Trim(); 
String uPass-txtPass.Text.Trim(); 
try 
t 
uPass-encryptString (uPass); 
client.Endpoint.Address-new EndpointAddress (new Uri (url, UriKind. 
Absolute)); 
// 异 步调 用 login 函数 
client.loginAsync (new WCF.UserClass { uName=uName, uPass=uPass }); 
} 
catch (Exception exp) ( txtMsg.Text-exp.Message; } 


) 


(4) 把 di Nclient 做 成 一 个 Web 网 站 ,用 浏览 器 浏览 , 单 击 “ 登 录 ” 按 钮 后 可 以 看 到 登 
录 成 功 ,如 图 4-30 所 示 。 


D localhost/client/loc x 
€ > © |D localhost/client/login.aspx 空 | 三 


地 址 | http://localhost/web/NetTestService.svc 


登录 | logined 


A 4-30 登录 成 功 


很 显然 login. aspx 网 页 与 NetTestService. sve 可 以 部 署 在 两 个 不 同 的 Web 服务 器 
上 ,这 时 一 个 Web 网 站 的 网 页 login. aspx 去 访问 另外 一 个 Web 网 站 的 NetTestService. 
sve 服务 ,系统 形成 分 布 式 的 结构 。 

当然 login. aspx 也 可 以 访问 控制 台 程 序 的 服务 器 ,如 图 4-31 所 示 。 


D localhost/client/loc x 
€ > © Blocalhost/client/login.aspx 空 | 三 


Absit |http:/Mocalhost:8888/NetTestService! ] 
FAR xxx 


登录 | logined 


431 登录 成 功 


有 兴趣 的 读者 可 以 进一步 设计 试题 管理 .用 户 练习 、 成 绩 管理 等 功能 网 页 ,就 可 以 把 
客户 端 程序 变 成 一 个 真正 的 网 站 程序 了 。 
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aA 7 四 


1. 比较 Web Service 与 WCF 的 异同 。 

2. 编写 一 个 WCF 程序 server. asmx 与 一 个 客户 端 程序 client,server. asmx 中 包含 
一 个 接口 函数 divide 实现 两 个 数 的 除法 运算 : 

public double divide (double x,double y) 

{ 


return x/y; 


} 


除法 运算 在 y=0 时 会 出 现 异常 ,编写 客户 端的 程序 调用 这 个 函数 并 捕捉 可 能 的 
异常 。 
3. 部署 WCF 服务 器 程序 时 ,如 何 通 过 配置 app. config 文件 来 保护 服务 器 程序 ,使 
得 客户 端 不 能 发 现 服务 器 的 接口 函数 ? 举例 说 明 。 

4. 用 WCF 实现 练习 三 中 第 3 题 的 服务 器 图 像 浏览 程序 ,其 中 WCF 的 服务 器 程序 
设计 成 基于 US 的 sve 程序 。 

5. 用 WCF 编写 一 个 网 盘 管 理 程序 ,实现 网 盘 的 功能 : 

CD 服务 器 为 每 个 注册 用 户 分 配 一 个 文件 夹 作为 该 用 户 的 根 文件 夹 。 

(2) 用 户 在 客户 端 登录 后 ,可 以 查看 自己 根 文件 夹 下 的 所 有 文件 及 子 文件 夹 ,用 户 可 
以 在 根 文件 夹 中 建立 任意 级 别 的 子 文件 夹 。 

G) 用 户 可 以 把 本 地 文件 上 传 到 任意 一 个 指定 的 文件 夹 中 ,也 可 以 下 载 任何 一 个 文 
件 到 本 地 磁盘 。 

(4) 用 户 可 以 管理 自己 的 文件 与 文件 夹 , 例 如 ,更 改 文件 与 文件 夹 的 名 称 ,删除 文件 
与 空 的 文件 夹 ,移动 和 复制 文件 到 另外 一 个 文件 夹 。 

6. 用 WCF 编写 项 目 二 2.4 节 的 图 片 共享 程序 。 


